如何使用 firefox 调试器搜索 HTML DOM？答案

【问题标题】：How can search a HTML DOM using firefox debugger?如何使用 firefox 调试器搜索 HTML DOM？
【发布时间】：2015-04-30 16:42:50
【问题描述】：

在浏览器调试器中，选项卡“检查器”有一个字段“搜索”，但是当我输入标签的 id 时，seach 不提供任何结果，尽管具有此 id 的标签那里。难道这个搜索字段只能找到标签名称，如“span”或“div”？如果是这样，我有没有办法使用 firefox 调试器搜索标签 ID？

通常我使用 Chrome 调试器，其中调试器中的搜索按预期工作。但现在我需要调试一个特定于 Firefox 的问题。所以我对firefox调试器不熟悉。我对firefox debugger search html 的谷歌搜索没有返回任何有用的结果。

我使用的是 Firefox 36.0 版。

【问题讨论】：

【解决方案1】：

搜索框使用 CSS 选择器。因此，如果您想枚举所有文件输入，请将 input[type=file] 放入框中并继续按回车键，直到找到正确的元素（如果有多个匹配项）。

我不知道 FF36，但在 39（当前每晚）它具有 ID 选择器的自动完成功能，并且还验证输入以确保选择器语法正确。

【讨论】：