随着最近发布的Chrome for iOS,我想知道如何启用Chrome iOS远程调试?
更新:随着iOS 6的发布,现在可以使用Safari进行远程调试。
随着最近发布的Chrome for iOS,我想知道如何启用Chrome iOS远程调试?
更新:随着iOS 6的发布,现在可以使用Safari进行远程调试。
当前回答
iOS WebKit调试代理是最简单的解决方案-调试和实时预览直接在Chrome。
其他回答
我还没有尝试过,但是iOS WebKit调试代理(ios_webkit_debug_proxy / iwdp)应该可以让你远程调试UIWebView。来自README.md
ios_webkit_debug_proxy(又名iwdp)允许开发人员检查 MobileSafari和UIWebViews在真实和模拟iOS设备上通过 Chrome DevTools用户界面和Chrome远程调试协议。DevTools 请求被翻译成苹果的远程网络检查服务 调用。
Chromium上有一个开放的bug: https://bugs.chromium.org/p/chromium/issues/detail?id=584905
不幸的是,他们依赖于苹果在WKView中打开一个API来实现这一点,之后可能会从Safari中调试。
许多远程控制台工作正常。http://farjs.net是我的项目,我能够成功地调试特定于Crome iOS的问题,而不是在safari中使用它。(可能包括所有其他移动浏览器)
问题是注入调试代码有点棘手,因为Chrome不允许你安装bookmarklet。
相反,您可以在要调试的页面上打开一个标签,在farjs.com上打开另一个标签,然后单击“bookmarklet”。
复制bookmarklet JS代码,回到第一个选项卡,返回要调试的页面,并将bookmarklet代码粘贴到位置栏中。
最后一步是滚动到位置栏的开头并添加“javascript:”,因为Chrome会删除它。
目前无法在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上有效。