V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Sponsored by
LinkedIn
2000 个不用坐班的远程好工作在召唤你 · 弹性上班不打卡,工作和生活都能拥有
2000 个不用坐班的全球远程工作,帮助 V2EX 的小伙伴开启全新的工作方式。
Promoted by LinkedIn
unizheng
V2EX  ›  分享创造

「Keylines」一个 Chrome 插件,辅助前端页面开发,随机颜色显示 DOM 边界。

  •  
  •   unizheng · 2019-03-06 17:10:39 +08:00 · 2924 次点击
    这是一个创建于 1298 天前的主题,其中的信息可能已经有所发展或是发生改变。
    第 1 条附言  ·  2019-03-07 09:21:33 +08:00
    其实就是某楼层回复的那段代码的封装,当然 还包括 监听 dom 增减而自动刷新的功能,否则页面交互时新增加的 dom 是不会自动添加颜色边界的。
    12 条回复    2019-03-07 09:35:52 +08:00
    quietjosen
        1
    quietjosen  
       2019-03-06 17:12:29 +08:00 via iPhone
    截图展示啥的,还是要的。
    MyFaith
        2
    MyFaith  
       2019-03-06 17:21:32 +08:00
    iframe 内无效
    solobat
        3
    solobat  
       2019-03-06 18:51:03 +08:00
    如果只是这个功能的话,用油猴脚本就行了
    HFX3389
        4
    HFX3389  
       2019-03-06 18:52:46 +08:00
    @solobat #3 哪个脚本,大佬给个地址
    journey0ad
        5
    journey0ad  
       2019-03-06 19:08:25 +08:00
    javascript:!document.querySelector('style#ghost')&&(document.body.innerHTML+='<style id="ghost">html.ghost *{background:#000 !important;color:#0f0 !important;outline:solid #f00 1px !important;}</style>');document.documentElement.classList.toggle('ghost');

    加为书签
    rabbbit
        6
    rabbbit  
       2019-03-06 19:28:04 +08:00
    javascript:const getRandomColor =() => { let letters = '0123456789ABCDEF';let color = '#';for (let i = 0; i < 6; i++) {color += letters[Math.floor(Math.random() * 16)];}return color;};Array.from(document.all).forEach(el => el.style.outline = `1px solid ${getRandomColor()}`)
    mengkun
        7
    mengkun  
       2019-03-07 08:26:51 +08:00
    javascript: [].forEach.call($("*"),function(a){a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)})
    unizheng
        8
    unizheng  
    OP
       2019-03-07 09:17:45 +08:00
    @mengkun 就是这段脚本的封装 :)
    unizheng
        9
    unizheng  
    OP
       2019-03-07 09:18:18 +08:00
    @MyFaith 妈蛋 没想到
    Baymaxbowen
        10
    Baymaxbowen  
       2019-03-07 09:33:43 +08:00 via Android
    控制台会报错
    unizheng
        11
    unizheng  
    OP
       2019-03-07 09:35:14 +08:00
    @MyFaith 修复掉了 请等 0.0.3 版本。Chrome 商店正在审核。
    unizheng
        12
    unizheng  
    OP
       2019-03-07 09:35:52 +08:00
    @Baymaxbowen 请问报什么错呢
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2351 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 05:24 · PVG 13:24 · LAX 22:24 · JFK 01:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.