html - Firebug 显示的 <div> 比我在源代码中看到的要多

标签 html css firebug

我有一个很大的 HTML 页面,其中包含许多 CSS 文件。

当我尝试使用 Firebug 调试该 HTML 页面时,它显示更多 <div>比我在源代码中看到的要多。另外,有些标签是灰色的。图片中绿色下划线部分为源代码中不存在的元素。

这是为什么呢?是因为 CSS 文件“包括”了那些“新的”<div>是吗?

没见过CSS文件可以插入<div> s 或 <a> s 到 HTML 页面。

HTML structure including elements not coming from source code

HTML source code on the server side

用记事本编辑的源代码:

Source code edited with Notepad

最佳答案

Firebug 不会更改您的 HTML,CSS 也不会添加 <div> s(尽管它可以创建 pseudo-elements,例如 ::before)。

如果附加元素未包含在您的 HTML 输出中,则必须通过页面上的 JavaScript 动态创建它们。

关于html - Firebug 显示的 <div> 比我在源代码中看到的要多,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30674145/

相关文章:

javascript - 无法启动SweetAlert2,抛出错误?

html - 如何撤消 bulma 嵌套元素中的 is_mobile?

javascript - 分页.js : How can I set up an additional page counter for only a few pages

html - 浏览器不选择 CSS 类

html - 如何在元素中强制状态悬停

javascript - Webpack 无法解析@import of scss/css

flash - 如何监控 Flash 对象和服务器之间的流量?

html - Bootstrap 条纹下拉菜单

javascript - 更改控制台对象引用后即可访问控制台

javascript - Firebug 在使用“网络”选项卡列出下载的方式时总是正确的吗?