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

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


当前回答

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

其他回答

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

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

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

许多远程控制台工作正常。http://farjs.net是我的项目,我能够成功地调试特定于Crome iOS的问题,而不是在safari中使用它。(可能包括所有其他移动浏览器)

问题是注入调试代码有点棘手,因为Chrome不允许你安装bookmarklet。

相反,您可以在要调试的页面上打开一个标签,在farjs.com上打开另一个标签,然后单击“bookmarklet”。

复制bookmarklet JS代码,回到第一个选项卡,返回要调试的页面,并将bookmarklet代码粘贴到位置栏中。

最后一步是滚动到位置栏的开头并添加“javascript:”,因为Chrome会删除它。

iOS WebKit调试代理是最简单的解决方案-调试和实时预览直接在Chrome。