借助 浏览器的书签功能。
1、打开书签管理页
2、右上角三个点「添加新书签」
3、名称随意，粘贴以下代码到网址中
javascript: (function() { var elements = document.body.getElementsByTagName('*'); var items = []; for (var i = 0; i < elements.length; i++) { if (elements[i].innerHTML.indexOf('html * { outline: 1px solid red }') != -1) { items.push(elements[i]); } } if (items.length > 0) { for (var i = 0; i < items.length; i++) { items[i].innerHTML = ''; } } else { document.body.innerHTML += '<style>html * { outline: 1px solid red }</style>'; }})();
打开任意网站，点击刚刚创建的书签，我们就能很方便的通过这个技巧查看任意网页的布局了。
本文转载自 ：https://juejin.cn/post/6963070013863362567?utm_source=gold_browser_extension
