自带的DOM工具的功能还是有点点简陋
不用 chrome , firefox 自带的有个 3D视图,看DOM,调整CSS特别好用。
可以用鼠标选择。需要注意的是margin
合并的话,这个margin显示的是最父元素的。
然后再配合支持 vim ecmas sublime 不同按键绑定的“样式编辑器”,那就是神器了。
https://developer.mozilla.org/en-US/docs/Tools/Style_Editor
whatfont,可以查看网页上使用了哪些字体
livestyle,在devtools里改变的css内容可以同步到编辑器
alloydesign,腾讯alloyteam出的工具,很强大