「Keylines」一个 Chrome 插件，辅助前端页面开发，随机颜色显示 DOM 边界。
unizheng · 2019-03-06 17:10:39 +08:00 · 3428 次点击这是一个创建于 2084 天前的主题，其中的信息可能已经有所发展或是发生改变。
第 1 条附言 · 2019-03-07 09:21:33 +08:00
其实就是某楼层回复的那段代码的封装，当然 还包括 监听 dom 增减而自动刷新的功能，否则页面交互时新增加的 dom 是不会自动添加颜色边界的。
 |
1
quietjosen 2019-03-06 17:12:29 +08:00 via iPhone
截图展示啥的，还是要的。
|
 |
2
MyFaith 2019-03-06 17:21:32 +08:00
iframe 内无效
|
 |
3
solobat 2019-03-06 18:51:03 +08:00
如果只是这个功能的话，用油猴脚本就行了
|
 |
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');
加为书签 |
 |
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()}`)
|
 |
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)})
|
 |
10
Baymaxbowen 2019-03-07 09:33:43 +08:00 via Android
控制台会报错
|
 |
12
unizheng OP @Baymaxbowen 请问报什么错呢
|
Select Language