针对Mobile Safari中的文档调试外部Javascript

Question

这个问题与我之前的问题How to Debug Javascript in IOS Action App Extension有关。基本上，我正在开发一个移动safari扩展，并且部分工作是开发一个javascript（在＃34;文档＆＃34;由移动safari提供）之上运行以在app扩展中运行。

但是，我还没有找到一种方法来调试app扩展程序中的javascript文件。现在，我试图提出一个不同的问题 - 鉴于页面上的移动safari，我可以以某种方式在该页面上运行外部JavaScript并调试此外部JavaScript吗？我想Safari Web Inspector可以提供帮助吗？谢谢。

Answer 1

（这是您的其他问题的一个稍微定制的答案）

这方面的官方文件是[这里] [1]。

这并不太难，虽然最近我遇到了连接到iOS模拟器时出现的页面问题。在那种情况下，我最终直接使用了我的手机。 （显然你需要在iOS模拟器开始检查“远程”模拟器会话后启动桌面Safari）

• 确保设备Settings->Safari->Advanced->Web Inspector已开启。
• （确保您已从设备中信任计算机）
• 在您的设备上启动MobileSafari。
• 在桌面上启动Safari，确保Show Develop menu in menu bar中已启用Preferences。
• 在Develop菜单中，您会看到您的设备名称，例如'BSharer的iPhone'。
• 选择设备名称下方的网页名称，例如“en.m.wikipedia.org - Wikipedia”。

您现在正在桌面上调试该设备的页面。开发人员页面将打开，您可以像在桌面计算机上运行一样进行调试。您现在应该看到该页面可用的所有JavaScript并设置断点。

（应用扩展程序需要debugger;语句，因为我们没有看到应用扩展程序注入的javascript文件。您仍然可以使用debugger语句，但通常不需要。）