2016-11-27 46 views
0

我的网站上的CSS更新适用于除谷歌浏览器以外的所有其他浏览器。Google Chrome中是否有CSS调试器?

在Google Chrome或我可以添加的扩展中是否有CSS调试器?

我从bootstrap中使用了一些样式。

这里是我使用的引导:

<link rel="stylesheet"href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
+0

使用谷歌Chrome开发者工具。您可以在那里修改并查看更改。 –

回答

1

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

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

相关问题