iOS模拟器调试WebView

时间:2024-05-18 16:08:57

首先需要安装 Xcode,安装完毕后,在终端中运行 xcode-select --install安装 Command-line-tools。

安装完毕后搜索Simulator,或者按 Command+Shift+G, 输入/Applications/Xcode.app/Contents/Developer/Applications/Simulator.app,便可运行模拟器。

你也可以使用命令行来管理和启动模拟器:

  • 运行 xcrun instruments -s 列出可用的 iOS 模拟器:
  • 运行 xcrun instruments -w XXX 启动模拟器iOS模拟器调试WebView

Simulator 默认只有最新的 iOS 版本的模拟器,如果你需要在老版本的 iOS 上调试,可以这样安装更多版本。

  • 首先进入设备管理:
    iOS模拟器调试WebView
  • 点击左下角的加号,选择 Download more simulator runtime
    iOS模拟器调试WebView

二. 配置代理

我们在调试的时候,需要把模拟器的网络请求代理到我们的 dev-server。这里大力推荐使用强大的Whistle配合Proxifier来实现。

首先安装 Whitle,运行w2 start,访问 http://127.0.0.1:8899,配置好 dev-server 的代理。

然后运行 Proxifier,把模拟器请求转发的 Whistle。 首先添加一条 Action 规则代理到本地8899端口:

iOS模拟器调试WebView

 

然后新建一个规则,把Simulator; "Xcode Server Builder”; "MobileSafari”; “com.apple.WebKit.Networking”;添加到 Applications:
iOS模拟器调试WebView

 

 

这时,在模拟器中访问我们要调试的页面,检查一下 Whistle,请求都走到本地,代理配置成功!

iOS模拟器调试WebView

 

 

PS:第一次使用 Whistle 代理时需要安装并信任证书,具体参考 Whistle 文档

三. 开始调试

  • 首先在模拟器中启动 Safari,打开调试的页面
  • 然后在 Mac 上启动 Safari,在首选项中启用开发菜单
    iOS模拟器调试WebView
  • 模拟器访问需要调试的页面,在开发菜单中找到我们的页面:
    iOS模拟器调试WebView
  • 就可以愉快的玩耍了!
    iOS模拟器调试WebView

四. WebView 调试

除了直接调试 Safari 中的页面,我们还可以借助模拟器调试 APP 中的 Web 页面。可以在 APP 中直接打断点、走单步调试等等,从此跟 eruda 等手动打 log 的调试器说拜拜~

首先我们需要客户端同学给模拟器打一个.app包,把包拖到模拟器安装。然后启动 APP,访问要调试的 Web 页面,如法炮制,如图,就可以愉快的玩耍了~

iOS模拟器调试WebView

 

 

PS: 打给 iPhone 的 .app 包不能直接给模拟器使用(会闪退),因为模拟器是运行在 X86 指令集上的,需要专门打包。


作者:IMWeb团队
链接:https://juejin.im/post/5bd99ca7e51d4568383e80ea
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。