2

需要明确的是，这并不是从 DOM Inspector 到页面中查找元素的意义上的突出显示，反之亦然。这是我以前从未见过的行为，但我通常使用 Chrome。

我正在调试一个不接受点击、不允许选择或基本上以任何方式获得焦点的文本区域。我注意到单击页面中的 textarea 会导致 Inspector 中的几个 DOM 节点突出显示，然后在一秒钟后消失。突出显示的节点都不是文本区域；他们是 textarea 的父母，包括 body，但不一定是 textarea 和 body 之间的所有父母。还突出显示了其中一位父母的兄弟姐妹。

这是 Firefox 试图告诉我的事情之一，但我不知道是什么。我觉得我最初的问题的答案可能包含在这个亮点中，只要我知道它的含义。

在随附的屏幕截图中，您可以看到 textarea 以蓝色突出显示，是选定的元素，以及其他一些元素上的颜色相当粗糙的突出显示；这是在我单击 textarea 之后（在页面中，就像我试图在其中输入一些文本；而不是在检查器中） 高亮截图

这是什么意思？

4

1 回答 1

2

当标记视图中的节点（屏幕截图中的东西）突出显示时，这意味着这些节点已经经历了突变。这些可以是以下方式：

  • 节点上的属性值变化
  • 添加/删除子节点

现在，您实际上正在寻找一种方法来悬停文本框并让标记视图选择您的文本框，对吗？

您可以通过两种方式做到这一点：

  • 点击快捷键 Ctrl + Shift + C。您将在鼠标之后的页面上看到一个叠加层。转到文本框并单击它。
  • 单击开发人员工具左上角的“从页面中选择一个元素”按钮，将出现相同的节点选择器。

更多和深入的信息：访问 MDN 页面：https ://developer.mozilla.org/en-US/docs/Tools/Page_Inspector

于 2014-09-08T18:48:05.140 回答