谷歌浏览器 outline 页面对其工具

效果如图：

实现方式：

1、鼠标右键点击书签栏 右侧空白处， 会出现“添加网页”，如图

2、将网址的内容写为：

javascript: (function() { let color = () => Math.floor(Math.random()*255); let list = document.body.getElementsByTagName('*'); for (let item of list) { let rgb='rgb('+color()+','+color()+','+color()+')'; let { style } = item; style.outline = style.outline ? '' :'1px solid ' + rgb; }; })()

名字写为outline，就可以了

3、使用方式 是点击书签栏，当前页面就会出现很多横线竖线，方便查看对齐方式。