Javascript Safari：在iframe上加载的脚本中放置断点

在Chrome中，这似乎很容易，在源代码树中，您可以看到所有脚本，包括iFrame加载的脚本，因此您可以打开它们并设置调试断点。 在Safari inspector中，在资源选项卡中，树仅显示顶部窗口中加载的资源。

---

我知道控制台有一个下拉菜单，可以在iframe的上下文中计算表达式，但我需要使用断点进行调试，在Safari中有没有这样做的方法？

您可以使用Fiddler（windows）或Charles（mac）将prod中有问题的JS文件替换为本地副本。可以将这些工具配置为在浏览器请求远程副本时为本地副本提供服务

这允许您从任何域修改或调试JS，即使您不拥有代码。将调试器添加到本地文件将触发调试器控制台

小提琴手： 查看这篇文章了解Fiddler的详细信息：stackoverflow.com/a/3936627/1861459

查尔斯：

---

使用Charles的映射文件功能：

是否尝试添加

调试器在iframe源代码中提示浏览器打开它（当开发工具打开时）？？我没有，但遗憾的是我不能（也不能添加console.log-around），我要调试的代码位于生产站点中。我将使用Fiddler将prod中有问题的JS文件替换为本地副本，并添加调试器，以查看这是否触发调试器控制台。看看这篇文章：这对你有用吗？很抱歉，我没有尝试，我不得不继续，对于这么简单的事情来说，这太费劲了，但是请随意填写，因为其他读者会发现这是一个可行的解决方案。谢谢，所以Safari似乎不支持调试iframe脚本，除非有
调试器中断是从脚本本身触发的，我还注意到，如果您使用console.log（），控制台上的回溯将带您到脚本源。