随着最近发布的Chrome for iOS,我想知道如何启用Chrome iOS远程调试?

更新:随着iOS 6的发布,现在可以使用Safari进行远程调试。


当前回答

目前无法在iOS上直接远程调试Chrome。它使用的uiWebView可能与Mobile Safari略有不同。

你有几个选择。

选项1:使用Safari的检查器远程调试Mobile Safari。如果您的问题在Mobile Safari中重现,这绝对是最好的方法。事实上,通过iOS模拟器更容易。

选项2:使用Weinre简化调试体验。Weinre没有太多特色,但有时也足够好了。

选项3:远程调试一个功能相同的uiWebView。

这是最好的方法。你需要安装XCode。

访问github.com/paulirish/iOS-WebView-App并“下载Zip”或克隆。 打开XCode,打开现有的项目,选择你刚刚下载的项目。 WebViewAppDelegate开放。m并将urlString更改为您想要测试的URL。 在iOS模拟器中运行应用程序。 打开Safari,打开开发菜单,选择iOS模拟器,选择你的webview。 Safari检查器现在将检查你的uiWebView。

其他回答

Adobe Edge Inspect (https://creative.adobe.com/products/inspect)是调试所有移动设备IOS和Android(虽然没有Windows Phone)的另一种方式。它使用weinre进行远程DOM检查/更改。它不是最快的方法,但在Windows上有效。

从我的理解,谷歌Chrome利用了iOS的UIWebView,而不是像Android对手一样完全成熟的Chrome实现。

我推荐Vorlon,就像weinre。我喜欢Vorlon的UI,它支持SSL,我的应用程序是在HTTPS,我尝试了weinre与ngrok, ghostlab和Vorlon,只有Vorlon工作良好。

我还没有尝试过,但是iOS WebKit调试代理(ios_webkit_debug_proxy / iwdp)应该可以让你远程调试UIWebView。来自README.md

ios_webkit_debug_proxy(又名iwdp)允许开发人员检查 MobileSafari和UIWebViews在真实和模拟iOS设备上通过 Chrome DevTools用户界面和Chrome远程调试协议。DevTools 请求被翻译成苹果的远程网络检查服务 调用。

Vorlon.JS可以用于iOS或任何其他客户端远程调试。

只需要使用npm i -g vorlon全局安装它 使用vorlon启动服务器 服务器正在运行时,在浏览器中打开http://localhost:1337以查看Vorlon.JS仪表板 最后一步是通过添加这个script标签到你的应用程序来启用Vorlon.JS: < script src = " http:// < yourExternalIP >: 1337 / vorlon.js " > < /脚本> 所有连接的客户端,如iPhone, Android将在Vorlon.JS仪表板的客户端列表中可用

注意,这种方法也可以用ngrok来调试不在本地主机上运行的应用程序。详情见https://stackoverflow.com/a/45443203/2073920。

免责声明

我只是一个用户,我没有隶属于Vorlon.JS和ngrok