Q

在Google Chrome中调试CSS

2012-06-16 47 views 8 likes

8

我正在编写一些CSS文件，但是当我犯了一个错误时，Chrome似乎只是默默地忽略了我搞砸的部分，并呈现其余部分。在Google Chrome中调试CSS

这使得调试很烦人，因为我无法弄清楚发生了什么问题。

那么，有没有办法让Chrome“以大红色字母尖叫我”，这样我就可以花更少的时间找到错误并且有更多的时间修复它？

2012-06-16 user1383359

+1

您可以使用镀铬元素检查，查看应用到元素的CSS和否决/忽略CSS规则。要打开元素检查器，可以使用f12或ctrl + shift + j。 – sg3s

A

回答

1

由于CSS不是一种脚本语言，您无法正确调试它。无论如何，如果你知道哪里出了问题，你可以尝试手动调整它。

的方法，另外你已经得到了W3C验证此：http://jigsaw.w3.org/css-validator/这可能会给你一些反馈

2012-06-16 16:44:20 Gooey

+0

如果您在本地开发应用程序，该如何使用它。例如，我正在使用Visual Studio 2013并按F5运行应用程序。 – VivekDev

-3

CSS不是一种标记语言的脚本，所以我们不能定义一个运行时，为什么不验证你的CSS？

2012-06-16 16:41:06 Sudantha

+2

css不是标记 –

5

虽然你不能“调试” CSS，因为它不是一种脚本语言，你可以利用Chrome的DevTools元素面板检查一个元素&查看右侧的样式窗格。这会让您了解被覆盖或忽略的样式（线条抛出）。 “样式”窗格也很有用，因为它可以对正在检查的文档进行LiveEdit编辑，这可以帮助您解决问题。如果样式被覆盖，则可以查看“计算样式”窗格以查看实际用于样式化文档的CSS。

要调出的Chrome DevTools窗口，打按Ctrl +移+我在 Chrome浏览器选项卡。（命令 + 选项 + 我对于Mac）

欲了解更多信息请访问https://developer.chrome.com/devtools/index

2012-06-17 04:45:33

相关问题