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

Question

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

Answer 1

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

background-color:000000;

会返回该图标符号，因为没有＆＃34;＃＆＃34;在十六进制数字的前面，因此代码行不正确。

Answer 2

访问Chrome＆＃34; Inspect＆＃34;功能，右键单击Chrome显示的网页，然后选择＆＃34;检查＆＃34;选项。

这将打开Chrome DevTools窗口。

有关详细信息，请参阅Chrome DevTools Overview page。

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

此外，还有一个带有白色＆＃39; x＆＃39;的红色圆圈图标。检测到脚本错误时，可以在Inspect窗口的右上角显示。

点击红色圆圈图标将导致适用的错误消息显示在＆＃34;控制台＆＃34;标签。可能需要扩展控制台消息区域（在Inspect窗口的底部）以完全查看显示的错误消息。

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