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

[unizheng]

https://chrome.google.com/webstore/detail/keylines/akdpglnbllgdimcgmhknebpekooejiai?hl=zh-CN

其实就是某楼层回复的那段代码的封装，当然 还包括 监听 dom 增减而自动刷新的功能，否则页面交互时新增加的 dom 是不会自动添加颜色边界的。

[quietjosen]

截图展示啥的，还是要的。

[MyFaith]

iframe 内无效

[solobat]

如果只是这个功能的话，用油猴脚本就行了

[HFX3389]

@solobat #3 哪个脚本，大佬给个地址

[journey0ad]

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]

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]

javascript: [].forEach.call($("*"),function(a){a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)})

[unizheng]

@mengkun 就是这段脚本的封装 ：）

[unizheng]

@MyFaith 妈蛋 没想到

[Baymaxbowen]

控制台会报错

[unizheng]

@MyFaith 修复掉了 请等 0.0.3 版本。Chrome 商店正在审核。

[unizheng]

@Baymaxbowen 请问报什么错呢