思無邪 (@Clarke.L) 在 有点小用的样式检查方法 中发帖
有时候我们在检查元素对齐或是查看元素容器范围时,需要单独去打开控制台并逐个参数对比,其实我们也可以直接给所有元素加上一个边框,先整体预览一下,发现不对劲的再去单独调试。
为了方便,可以将下列代码直接存为书签,需要用到时点一下就行了,再次点击可关闭效果。
javascript: (() => { const headElement = document.head; const styleElement = document.createElement('style'); styleElement.setAttribute('debug-css', ''); styleElement.innerText = '* { outline: 1px solid tomato; }'; const debugElement = headElement.querySelector('[de...