「Keylines」一个 Chrome 插件，辅助前端页面开发，随机颜色显示 DOM 边界。
unizheng 2019-03-06 17:10:39 +08:00 3843 次点击这是一个创建于 2455 天前的主题，其中的信息可能已经有所发展或是发生改变。
第 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