我可以使用 Google Chrome 的开发者工具调整页面的外观吗？

Question

当我处理网页布局时，我经常使用 Firefox 和 Firebug 来调整 CSS，直到它看起来正确，然后修改我的样式表以匹配。

现在，我正在尝试修复在其他浏览器中看起来不错但在 Google Chrome 中出现问题的问题。我已经调出 Chrome 的开发者工具，可以检查计算的样式，但看不到编辑值和在我的页面上查看结果的方法。

有没有办法做到这一点？

Answer 1

是的。例如，对于 CSS，您双击右窗格中的属性。对于 HTML，右键单击一个元素并选择“编辑为 HTML”。