【发布时间】:2014-06-16 17:19:19
【问题描述】:
在 chrome 上使用检查元素时,CSS 代码旁边有一个黄色的小警告图标。那是什么?
【问题讨论】:
标签: google-chrome debugging inspect-element
在 chrome 上使用检查元素时,CSS 代码旁边有一个黄色的小警告图标。那是什么?
【问题讨论】:
标签: google-chrome debugging inspect-element
该图标仅表示该行代码中有错误。例如:
background-color:000000;
将返回该图标符号,因为十六进制数字前没有“#”,因此代码行不正确。
【讨论】:
要访问 Chrome 的“检查”功能,请右键单击 Chrome 显示的网页并选择“检查”选项。
这将打开 Chrome DevTools 窗口。
有关更多信息,请参阅Chrome DevTools Overview page。
当 Inspect 检测到无效的 CSS 定义时,会显示一个带有感叹号 (!) 的三角形黄色警告图标。下图显示了一个未正确定义“font-size”属性的 CSS 属性。
此外,当检测到脚本错误时,可以在 Inspect 窗口的右上角显示一个带有白色“x”的红色圆圈图标。
单击红色圆圈图标将导致适用的错误消息显示在“控制台”选项卡下。控制台消息区域(位于 Inspect 窗口底部)可能需要展开才能完整查看显示的错误消息。
这是一个 jQuery / JavaScript 错误消息的示例。
【讨论】: