Google chrome Chrome开发工具中的上下文菜单条目是否对应于UI视图，如果是，如何在页面上显示它？

在Chrome浏览器的“控制台”选项卡中有一个上下文菜单下拉列表。请参阅下文

当我检查页面上的某个元素时，上下文菜单下拉列表将显示该元素所在的“上下文”。我的问题是：这个上下文是否对应于网页中的子“视图”？如果是这样，如何显示与上下文相关的视图

e、 g.整个web视图始终对应于“顶部”。如果我在“顶部”下选择了一个上下文，我怎么能

---

知道它对应于哪个子视图/区域吗？

没有这样的功能，因此您可以在上请求它

同时，这里有一个解决方法：

切换到“元素”面板 在控制台工具栏的上下文下拉列表中选择上下文 在devtools上打开devtools并在其窗口中运行此控制台命令：

(async () => {
  const dom = UI.panels.console._view._consoleContextSelector._dropDown._selectedItem
                .target().model(SDK.DOMModel);
  if (!dom._document) await dom.requestDocument();
  UI.panels.elements.revealAndSelectNode(dom._document);
})();

将此命令保存在中，以便稍后快速重新运行

如何在devtools上打开devtools： 首先打开devtools并在菜单中将其停靠侧切换到分离的浮动窗口

在现在已拆下的devtools中，按CtrlShifti或⌘⌥我在MacOS上， 这将在新窗口中的devtools上打开devtools

---

上下文对应于主页文档或一个或多个框架或元素，以及每个文档/框架中的chrome extensions内容脚本的孤立世界。@wOxxOm我了解这个特定页面。我正在寻找一个通用的解决方案，例如，如果页面是一个框架->iframe->iframe结构，即框架中的框架，我想知道如何根据上下文菜单查看框架在UI中的位置