我正在编写一些CSS文件，但是当我犯错误时，Chrome似乎只会悄悄地忽略掉我出错的部分，并渲染其余部分。
这使得调试变得很麻烦，因为我无法确定哪里出了问题。
那么，有没有办法让Chrome以“大红字体的呐喊”方式提示我，这样我就可以花更少的时间找错误，更多的时间修复它呢？
在谷歌浏览器中调试CSS
16
- user1383359
1
1你可以使用Chrome的元素检查器来查看应用于元素的CSS以及被覆盖/忽略的CSS规则。打开元素检查器可以使用F12或Ctrl+Shift+j。 - sg3s
2个回答
6
虽然CSS不是脚本语言，因此无法进行“调试”，但是您可以使用Chrome DevTools元素面板检查元素并在右侧查看样式窗格，以了解正在被覆盖或忽略（穿过）。 样式窗格还很有用，因为它能够实时编辑正在检查的文档，这可能有助于您解决问题。 如果样式被覆盖，则可以查看计算样式窗格，以查看实际用于样式化文档的CSS。
要打开Chrome DevTools窗口，请在Chrome浏览器选项卡中按 Ctrl + Shift + I 。（对于Mac，请按 Command + Opt + I ）
有关更多信息，请访问https://developer.chrome.com/devtools/index。
要打开Chrome DevTools窗口，请在Chrome浏览器选项卡中按 Ctrl + Shift + I 。（对于Mac，请按 Command + Opt + I ）
有关更多信息，请访问https://developer.chrome.com/devtools/index。
- Zachariah Moreno
3
由于CSS不是一种脚本语言，因此您无法正确地调试它。但是，如果您知道哪里出了问题，可以尝试手动调整它。
此外，您可以在这里找到w3c验证器：http://jigsaw.w3.org/css-validator/，该工具可能会给您提供一些反馈。
此外，您可以在这里找到w3c验证器：http://jigsaw.w3.org/css-validator/，该工具可能会给您提供一些反馈。
- Gooey
1
如果你正在本地开发应用程序，那么你该如何使用它呢？例如，我正在使用Visual Studio 2013，并通过按下F5来运行一个应用程序。 - VivekDev
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接