如何在使用Firebug时了解所选的HTML？

Question

我正在开发一个网页，我正在使用Firebug进行检查。我知道如何找到相关的CSS并相应地修改它。但是如何在物理上找到要修改的HTML？

Answer 1

Firebug中的 HTML 面板显示了页面HTML结构的实时视图。这意味着显示的元素可能来自服务器请求，也可能是通过JavaScript生成的 如果HTML来自网络请求，它通常通过服务器端语言在服务器上动态生成，而不是仅包含HTML的静态文件。

1. 检查HTML是否来自服务器请求

   1. 切换到 Net 面板并通过 Ctrl + F5 重新加载页面以绕过浏览器缓存。

   2. 点击Firebug右上角的搜索字段，确保在搜索选项中选中 Response Bodies 。

   3. 输入元素的内容。 =＆GT;如果匹配， Net 面板将展开相关请求并在响应中标记匹配。

   4. 将请求悬停（前面有＆＃39; GET＆＃39;或＆＃39; POST＆＃39;）=＆gt;您将看到请求的URL。该URL是HTML的来源。

2. 检查HTML是否是通过JavaScript动态生成的

   1. 启用脚本面板
   2. 切换到 HTML 面板
   3. 右键单击元素的祖先，然后选择 Break On Child Addition或Removal （这将在创建元素后停止JavaScript执行）
   4. 执行导致元素添加到页面的操作。 =＆GT;脚本执行将在添加元素的行停止。