Question

当我有一个像这样的简单HTML标记时：

<!DOCTYPE html>
<html>
    <head>
        <title>lawl</title>
    </head>
    <body>
    </body>
</html>

查看文档的元素时，在Chrome Deceloper工具（F12）中看起来像这样：

<!DOCTYPE html>
<html>
    <head>
        <title>lawl</title>
        <style type="text/css"></style> <-- what the?
    </head>
    <body>
    </body>
</html>

所以，我的问题是：样式标签来自哪里？添加了什么，为什么？

希望你们能为我们解决这个问题，这是课堂上最后10分钟的主题;-)。还值得一提;当老师尝试时，一个班级被添加到另一个文档中的空div中。

编辑标题。

Answer 1

Chrome插件可以访问您的DOM，开发工具也是如此。在这种特殊情况下，我认为开发工具是应该受到责备的。

空样式标记可能是注入CSS的占位符。

如果您打开源代码（view-source:www.example.com），您将看到您的DOM非常好。

Answer 2

99：1 <style>元素是AdBlock（或类似）扩展名注入的样式表。

为什么Chrome Developer Tool会添加不在文件中的元素？

2 个答案: