借助 Chrome 的书签功能
-
打开书签管理页
-
右上角三个点「添加新书签」
-
名称随意,粘贴以下代码到网址中
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>';
}
})();
在网站上点击创建的书签,页面就可以看到效果。样式使用的是outline,不会增加元素大小