Firefox 开发人员工具：根据控制台中的查询选择器突出显示元素。 '检查元素'答案

【问题标题】：Firefox Developer Tools: Highlight element found through queryselector in console as per. 'Inspect Element'Firefox 开发人员工具：根据控制台中的查询选择器突出显示元素。 '检查元素'
【发布时间】：2014-07-09 23:22:33
【问题描述】：

如果我打开 Firefox Web Develop Web Console 并引用这样的查询选择器：

document.querySelector('selector');

我想以与右键单击元素并选择“检查元素”相同的样式突出显示返回的选择器

【问题讨论】：

相关问题：stackoverflow.com/questions/16976238, stackoverflow.com/questions/17120754

标签： console selectors-api firefox-developer-tools

【解决方案1】：

此功能已登陆。现在 DOMNode 可以很好地输出到 webconsole：

它们的颜色与检查器中的一样
将鼠标悬停在它们上方会在页面中突出显示它们
单击它们旁边的检查器图标会切换到检查器

【讨论】：

【解决方案2】：

我们将推出该功能，但现在您可以使用 shift+f2 调出 Firefox 命令行并键入 inspect 来执行相同的操作。

【讨论】：