浏览器调试技巧

1、前端样式 debug 专用的，浏览器执行，给所有元素加个 outline，不影响布局，给页面照个 X 光。

javascript: (function () {
const style = document.getElementById('outlineStyle');
if (style) {
style.parentNode.removeChild(style);
}
else {
const style = document.createElement('style');
style.innerText = '* {outline: 1px solid red !important}';
style.id = 'outlineStyle';
document.head.appendChild(style);
}
})();

2、可编辑页面。

document.designMode = "on";