强制 DevTools 在元素检查时关注 iframe 中的特定元素

Question

如果我的页面中有

iframe

并且我使用 Google Chrome 开发工具、元素检查，它会默认通过

html

选择

#document

。

默认情况下无法在单击时自动启动 DevTools。

我可以通过 Google Chrome 扩展程序以编程方式打开开发工具吗？

有没有办法设置焦点（如在 DevTools 中选择元素），如果我有

<iframe srcdoc="<h1></h1>"></iframe>

所以基本上，当用户单击该元素时，Devtools 就会启动（不可能），但至少会选择有问题的元素，

h1

。

Answer 1

不，不幸的是你不能。 Chrome 将 iframe 源视为完全不同的页面。

但是有一条信息（我不知道它有多大用处），当你右键单击 Google Chrome 中的某个元素时，它会让你能够

view frame source