javascript - 如何在 IOS Action App Extension 中调试 JavaScript？

Question

使用 iOS，Action App Extension ，可以针对 HTML 运行 JavaScript 代码。然而，在谷歌上搜索了一番之后，我没有找到任何文档解释如何在这种情况下进行调试(插入断点或简单地添加/查看控制台输出语句)。

Answer 1

这并不难，尽管最近我在连接到模拟器时遇到了页面显示问题。在那种情况下，我最终直接使用了我的手机。 (显然，您需要在 iOS 模拟器开始检查“远程”模拟器 session 后启动桌面 Safari)

• 确保设备上的 Settings->Safari->Advanced->Web Inspector 已打开
• (确保您已从设备信任计算机)

• 通过从 Xcode 运行并选择 Safari，在您的设备上启动 MobileSafari-- 这不是必需的，但您也可以解码 iOS Objective-C/Swift 代码。您可以手动启动 MobileSafari，它将在桌面 Safari 中可见。

• 在桌面上启动 Safari，确保在菜单栏中显示开发菜单已在首选项中打开。

• 在 Develop 菜单中，您将看到您的设备名称，比如“BSharer 的 iPhone”
• 选择设备名称下方的页面名称，例如“en.m.wikipedia.org - Wikipedia”。

您现在正在桌面上调试该设备页面。

有“自动启动调试器等...”的选项，但我发现当我尝试这些时我的代码不会执行。

您不能在应用扩展 JavaScript 中放置调试器语句，因为它在您的应用扩展启动之前不会被注入(inject)。相反，我会向我的应用程序扩展 JavaScript 代码添加一个 debugger; 语句，这将在 debugger; 语句的应用程序扩展 JavaScript 代码中暂停调试器。

通过在 Share 菜单中选择它来启动您的应用扩展，设置您感兴趣的任何其他断点，然后点击调试器上的继续按钮。

当然，您还会捕获未捕获的异常。

这方面的官方文档是 here .

确保从生产代码中删除 debugger; 行。