推荐一个Chrome浏览器全局查看css布局的插件
其他浏览器没有测试,有需要的可以自测下
1、
2、
// 添加如下代码到书签网址中,保存即可
javascript: (() => {
const headElement = document.head;
const styleElement = document.createElement("style");
styleElement.setAttribute("debug-css", "");
styleElement.innerText = "*{outline:1px solid orange;}";
const debugElement = headElement.querySelector("[debug-css]");
if (debugElement) return debugElement.remove();
headElement.append(styleElement);
})();