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

【问题标题】：Safari: put breakpoints in scripts loaded on an iframeSafari：在 iframe 上加载的脚本中放置断点
【发布时间】：2014-08-13 14:11:06
【问题描述】：

在 Chrome 中这似乎很容易，在源代码树中，您可以看到所有脚本，包括由 iframe 加载的脚本，因此您可以打开它们并设置调试断点。虽然在 Safari 检查器中，在“资源”选项卡中，树只显示加载到顶部窗口的资源。我知道控制台有一个下拉菜单来评估 iframe 上下文中的表达式，但我需要使用断点进行调试，有没有办法在 Safari 中做到这一点？

【问题讨论】：

您是否尝试在 iframe 源代码中添加 debugger; 以提示浏览器将其打开（当开发工具打开时）？？
我没有，但遗憾的是我不能（也没有添加console.log），我要调试的代码在生产站点中。
我将使用 Fiddler 将来自 prod 的可疑 JS 文件替换为本地副本，并添加您的调试器以查看这是否会触发调试器控制台。看看这篇文章：stackoverflow.com/a/3936627/1861459
这对你有用吗？
对不起，我没有尝试过，我不得不继续，对于这么简单的事情来说，这太费力了，但请随意填写它作为答案，因为其他读者会发现它是可行的解决方案。

标签： javascript debugging iframe safari

【解决方案1】：

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

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

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

查尔斯： 使用 Charles 的 Map Files 功能：http://www.charlesproxy.com/documentation/tools/map-local/

【讨论】：

谢谢，所以 Safari 似乎不支持调试 iframe 脚本，除非脚本本身触发了 debugger; 中断，我还注意到如果你使用 console.log()，控制台上的回溯将带您到脚本源。