iOS远程调试

Question

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

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

Answer 1

所选答案仅适用于Safari.目前,无法在iOS上的Chrome中进行真正的远程调试,但与大多数移动浏览器一样,您可以使用WeInRe进行一些简单的调试.设置有点工作,但是让你检查DOM,看样式,改变DOM和玩控制台.

建立:

• 安装nodejs
• npm install -g weinre
• weinre --boundHost -all-
• 打开http:// {wifi-ip-address}:8080 /并复制目标脚本代码
• 将脚本标记粘贴到您的页面中(或使用书签)
• 单击调试客户端用户界面的链接(http:// {wifi-ip-address}:8080/client/#anonymous)
• 当您在客户端下获得绿线时,浏览器已连接

小书签安装有点麻烦.如果您为桌面和移动Chrome启用了书签同步,这是最简单的.从本地weinre服务器复制bookmarklet url(与上面相同).不幸的是它不起作用,因为它没有正确编码.所以打开JavaScript控制台并输入:

copy(encodeURI('')); // paste bookmarklet inside quotes

您现在应该在剪贴板中有url编码的书签.将其粘贴到移动书签下的新书签中.称之为weinre或简单的输入.它应该非常快速地同步到您的移动设备,因此请加载您要检查的页面.然后在url-bar中键入书签名称,您应该将bookmarklet视为自动完成建议.单击它以运行bookmarklet代码:)

Answer 2

更新:

这不是最好的答案,请遵循gregers的建议.

新答案:

使用Weinre.

老答案:

您现在可以使用Safari进行远程调试.但它需要iOS 6.

这是http://html5-mobile.de/blog/ios6-remote-debugging-web-inspector的快速翻译

1. 通过USB将您的iDevice与Mac连接
2. 在Mac上打开Safari并激活开发工具
3. 在您的iDevice上:转到设置> safari>高级并激活Web检查器
4. 使用您的iDevice转到任何网站
5. 在Mac上:打开开发人员菜单,然后从iDevice中选择该站点(它位于顶部的Safari菜单中)

正如Simons所指出的那样,需要关闭隐私浏览以使远程调试工作.

设置> Safari>私密浏览>关闭

Answer 3

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

你有几个选择.

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

选项2:使用Weinre实现精简的调试体验. Weinre没有太多功能,但有时它足够好.

选项3:远程调试功能相同的uiWebView.

这是最好的方法.您需要安装XCode.

1. 转到github.com/paulirish/iOS-WebView-App和"下载Zip"或克隆.
2. 打开XCode,打开现有项目,然后选择刚刚下载的项目.
3. 打开WebViewAppDelegate.m并将其更改为urlString要测试的URL.
4. 在iOS模拟器中运行该应用程序.
5. 打开Safari,打开" 开发"菜单,选择" iOS模拟器"并选择您的webview.
6. Safari Inspector现在将检查您的uiWebView.

Answer 4

根据我的理解,谷歌Chrome使用iOS的UIWebView而不是像Android版本那样完整的Chrome实现.

Answer 5

我推荐Vorlon，像 weinre 一样工作。我喜欢 Vorlon 的用户界面，它支持SSL，我的应用程序是 HTTPS，我尝试了使用 ngrok、ghostlab 和 vorlon 的 weinre，只有 vorlon 工作正常。