css - 我可以使用 Google Chrome 的开发人员工具调整页面的外观吗?

标签 css google-chrome firebug

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

现在,我正在尝试修复在其他浏览器中看起来不错但在谷歌浏览器中出错的问题。我已经打开了 Chrome 的开发者工具,可以检查计算出的样式,但没有找到一种方法来编辑值并在我的页面上查看结果。

有办法吗?

最佳答案

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

关于css - 我可以使用 Google Chrome 的开发人员工具调整页面的外观吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2632580/

相关文章:

css - 为什么我的文字在这里向左移动?

javascript - 为什么我的 Google Chrome 扩展程序不能在这个特定页面上运行?

html - 通过 CSS 进行的图像转换不适用于 Chrome 和 IE

javascript - 在调试控制台代码上设置断点

javascript - 如何在 Firebug 窗口上显示 "ignore clicks"?

php - $ 未在 JavaScript 中定义

css - 使用 Chrome 实时编辑 CSS

html - 如何复制代码块以仅显示在图像的保留位置下方

html - CSS - 保持高度为 100% 的图像比例,而其宽度会迫使它变形?

javascript - KineticJS:Chrome 更新后 Canvas 消失了