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

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


当前回答

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

其他回答

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

所选答案仅适用于Safari。目前还不可能在iOS上的Chrome中进行真正的远程调试,但与大多数移动浏览器一样,你可以使用WeInRe进行一些简单的调试。它的设置需要一些工作,但是可以让您检查DOM、查看样式、更改DOM和使用控制台。

设置:

安装nodejs 安装-g weinre weinre——boundHost -all- 打开http://{wifi-ip-address}:8080/并复制目标脚本代码 将脚本标记粘贴到页面中(或使用bookmarklet) 单击指向调试客户端用户界面的链接(http://{wifi-ip-address}:8080/client/#anonymous) 当你在Clients下面看到一条绿色的线时,表示浏览器已经连接

bookmarklet的安装有点麻烦。如果你在台式机和移动版Chrome上都开启了书签同步功能,那就最简单了。从本地weinre服务器复制bookmarklet url(如上所示)。不幸的是,它不能工作,因为它的url编码不正确。打开JavaScript控制台,输入:

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

现在剪贴板中应该有url编码的书签。将其粘贴到移动书签下的新书签中。就叫它weinre吧,或者简单点的。它应该是同步到你的手机相当快,所以加载你想要检查的页面。然后在url栏中输入书签名称,您应该会看到bookmarklet作为一个自动完成建议。点击它来运行bookmarklet代码:)

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

你还需要关闭“私人浏览”。

设置> Safari >私人浏览> OFF

更新:

这已经不是最好的答案了,请听从gregers的建议。

新回答:

使用Weinre。

旧的回答:

现在可以使用Safari进行远程调试。但它需要iOS 6操作系统。

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

通过USB连接你的设备和你的Mac 打开Mac上的Safari并激活开发工具 iDevice:进入“设置> safari >高级”,激活web检查器 用你的设备访问任何网站 在Mac上:打开开发者菜单,从你的iDevice上选择该网站(它在Safari菜单的顶部)

正如Simons的回答所指出的那样,需要关闭私人浏览才能进行远程调试。

设置> Safari >私人浏览> OFF