我有一个有点像 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 扩展程序对于我的用例来说不是一个可行的解决方案。
有没有一种方法可以“告诉” DevTools 在打开时优先选择特定的框架?
下载声明:
本站所有软件和资料均为软件作者提供或网友推荐发布而来,仅供学习和研究使用,不得用于任何商业用途。如本站不慎侵犯你的版权请联系我,我将及时处理,并撤下相关内容!