我有一个有点像 CodePen、JSBin 等的应用程序，其中有一个全屏沙盒 iframe，其中包含页面的实际（用户编写的）内容。顶层框架不是&q...

我有一个有点像 CodePen、JSBin 等的应用程序，其中有一个全屏沙盒 iframe，其中包含页面的实际（用户编写的）内容。

顶层框架与平台上的用户/开发人员无关，但每当通过 Ctrl+Shift+I/J 打开 DevTools 时，顶层框架当然是 DevTools 中默认的“焦点”。

这可能会让新手用户感到困惑，因为他们希望能够输入全局变量并按回车键。他们没有意识到他们必须先打开控制台选项卡，然后找到下拉菜单，然后在该下拉菜单中找到正确的框架（或者，作为一种黑客快捷方式，他们可以使用元素选择器并单击 iframe 内的元素）。如果使用“检查元素”打开 DevTools，这不是问题，但用户默认不知道这一点。

我想知道是否有任何方法可以“告诉” DevTools 关注 iframe 而不是顶层框架。

我绝对愿意接受 一些 “黑客”式的解决方案。例如，我注意到， debugger 如果 DevTools 已打开，Cloudflare Turnstile (Captcha) 会以编程/动态方式触发一条语句，这会导致包含该调试器语句的框架/工作器在 DevTools 中获得“焦点”。它会在片刻之后以某种方式清除自身（可能是通过从外部终止/删除工作器/框架？）。这实际上有点烦人，但对于新手程序员来说，可能比不知道为什么 DevTools 由于错误的框架焦点而“无法工作”更令人讨厌。

也就是说，理想情况下，会有一种 稍微 不那么破坏性的方式来让框架在 DevTools 中“抓住焦点”。

注意 ：我目前的解决方案是告诉用户右键单击并选择“检查元素”以打开 DevTools。我正在寻找比这更好的解决方案。

另请注意 ：遗憾的是，Chrome 扩展程序对于我的用例来说不是一个可行的解决方案。