google-chrome - Chrome 检查元素上的黄色警告图标是什么

Question

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

Answer 1

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

background-color:000000;

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

Answer 2

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

这将打开 Chrome DevTools 窗口。

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

当 Inspect 检测到无效的 CSS 定义时，会显示一个带有感叹号 (!) 的三角形黄色警告图标。下图显示了一个未正确定义“font-size”属性的 CSS 属性。

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

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

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