chromeF12 谷歌开发者工具详解 Elements篇

Elements面板 实时编辑DOM节点和CSS样式 双击DOM树视图里面的节点，能够实时编辑标签属性，修改的效果会马上反应在浏览器里面 点击右侧Style面板，能够实时修改CSS的属性值，这里面的全部样式Name和Value都是能够编辑的;在每一个属性后面单击能够添加新的样式，以下图： 点击右侧Computed面板，能够编辑左侧选中的盒子模型参数，全部的值都是能够修改的;点击不一样的位置(top

>>阅读原文<<