什么是Chrome Inspect Element上的黄色警告图标

Question

在chrome上使用inspect元素时，CSS代码旁边有一个小的黄色警告图标。 那是什么？

Answer 1

该图标仅表示该行代码中存在错误。 例如：

background-color:000000;

将返回该图标符号，因为十六进制数字前面没有“＃”，因此代码行不正确。

Answer 2

要访问Chrome的“检查”功能，请右键单击Chrome显示的网页，然后选择“检查”选项。

这将打开Chrome DevTools窗口。

有关详细信息，请参阅Chrome DevTools概述页面 。

当Inspect检测到无效的CSS定义时，可以显示内部带有感叹号（！）的三角形的黄色警告图标。 下图显示了未正确定义“font-size”属性的CSS属性。

此外，当检测到脚本错误时，可以在Inspect窗口的右上角显示带有白色“x”的红色圆圈图标。

单击红色圆圈图标将导致在“控制台”选项卡下显示适用的错误消息。 可能需要扩展控制台消息区域（在Inspect窗口的底部）以完全查看显示的错误消息。

这是jQuery / JavaScript错误消息的示例。