javascript - 针对 Mobile Safari 内的文档调试外部 Javascript

标签 javascript debugging mobile-safari safari-web-inspector

这个问题与我之前的问题How to Debug Javascript in IOS Action App Extension相关。 。基本上,我正在开发一个移动 safari 扩展,部分工作是开发一个 javascript(在移动 safari 提供的“文档”之上运行)以在应用程序扩展内运行。

但是,我还没有找到在应用程序扩展中调试 javascript 文件的方法。现在,我试图以不同的方式问这个问题 - 给定页面上的移动 safari,我可以以某种方式在该页面上运行外部 javascript 并调试此外部 javascript 吗?我想 Safari Web Inspector 可以帮助解决这个问题吗?谢谢。

最佳答案

(这是根据您的其他问题稍微定制的答案)

这方面的官方文档位于[此处][1]。

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

  • 确保设备上的设置->Safari->高级->Web Inspector 已开启。
  • (确保您已信任设备上的计算机)
  • 在您的设备上启动 MobileSafari。
  • 在桌面上启动 Safari,确保在首选项中启用在菜单栏中显示“开发”菜单
  • 开发菜单中,您将看到您的设备名称,例如“BSharer's iPhone”。
  • 选择设备名称下方的页面名称,例如“en.m.wikipedia.org - Wikipedia”。

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

(应用扩展需要 debugger; 语句,因为我们看不到应用扩展注入(inject)的 javascript 文件。您仍然可以使用 debugger 语句,但它是通常不需要。)

关于javascript - 针对 Mobile Safari 内的文档调试外部 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38624571/

相关文章:

javascript - 指令 : toggle its boolean attribute value 的 onDblclick

javascript - 阻止点击子元素时包含元素的执行事件

javascript - 如何使用具有特定持续时间/时间的事件填充 Kendo Scheduler?

c# - 非托管代码中 System.Diagnostics.Debugger.Launch() 的等效项是什么?

iphone - iPad/iPhone 上的 CSS 提交按钮呈现怪异

ios - SoundCloud 与 Facebook 的连接在 iOS 中不起作用

html - Mobile Safari 中的背景颜色和橡皮筋滚动

javascript - 当我将新 URL 推送到 Backbone.history 时,查询参数会保留吗?

asp.net - 在 ASP.NET 中使用 Debug.Assert 是否值得?

c++ - AVL Delete 方法行为奇怪,C++