有什么方法可以在任何IOS设备中调试Chrome


76

有什么方法可以在IOS设备上调试Chrome浏览器?

如果没有办法,我该如何在iOS上的Chrome中处理错误?

在网上搜索,找不到足够的答案。


1
请提供有关问题所在的一些有用信息。“镀铬小虫”可能有任何含义。应用程序内部崩溃,html / css对齐问题,javascript无法正常工作。根据您的特定问题,将有不同的方法来提供帮助
Simon McLoughlin

请注意,您要调试的站点必须通过http运行。如果您正在查看URL开头为“ https://”的站点,则不会看到任何输出。
安德鲁·怀斯曼

Answers:


55

旧答案(2016年7月):

由于发布的WKWebView应用程序的限制,您无法直接调试Chrome for iOS ,但是其他SO线程中已经讨论了一些选项:

  1. 如果您也可以在Safari中重现该问题,请使用Safari Web Inspector进行远程调试。这将是最简单的方法。

  2. WeInRe允许使用简单的客户端-服务器模型进行一些简单的调试。它的功能不完全,但可能足以解决您的问题。请参阅此处的设置说明。

  3. 您可以尝试创建一个简单的WKWebView浏览器应用程序(此处提供一些说明),或在GitHub上查找现有的应用程序。由于Chrome使用相同的渲染引擎,因此您可以使用它进行调试,因为它接近于Chrome生成的引擎。

WebKit出现了一个“错误”:允许Web Inspector用于WKWebView的发行版。如果并且当我们获得API时WKWebView,Chrome for iOS将是可调试的。

2018年1月更新:

自从我在2016年回答问题以来,已经做了一些改进工作。

Microsoft的一些团队最近有一个名为RemoteDebug iOS WebKit Adapter的项目。它是一个适配器,可以处理Webkit远程调试协议和Chrome调试协议之间的API差异,这使您可以在任何支持该协议的应用程序中调试iOS WebViews-Chrome DevTools,VS Code等。

请查看存储库中的入门指南,该指南非常详细。

如果您有兴趣,可以在此处阅读有关背景和体系结构的 信息


嗨,那里谢谢你的回答。目前,我正在使用用于密码自动填充的ios扩展应用程序,在此js文件中使用了该文件,因此在这里如何调试这些js文件?如果您有任何想法,请了解我,因为我一直在调试中
Anita

1
@Anita我已经更新了答案,因为它有点旧了。请检查适配器项目,因为我认为这可以让您在应用程序中调试JS。
基迪恩

只是想指出,更新后的答案是旧答案选项3的后续内容。无法使用此适配器直接调试Chrome。
马斯曼

1
RemoteDebug iOS WebKit适配器很棒。它使您可以将Chrome DevTools或其他桌面调试器用于移动设备上的网站。但是我无法将其附加到移动版Chrome浏览器(适用于iOS)上,仅附加到移动Safari上。不幸的是,他们在我正在处理的网站上显示不同的行为。这些行为仅出现在移动Chrome上-不在移动仿真模式下的Chrome开发工具上显示。可能必须在站点上一起破解某种控制台窗口才能弄清楚。
TheRealMikeD

1
第一个链接(使用Safari Web Inspector进行远程调试)已失效,可在web.archive.org/web/20171207112510/https://…
Peter

75

如果您不需要全面的调试支持,现在可以直接在Chrome for iOS中通过chrome:// inspect查看JavaScript控制台日志。

https://blog.chromium.org/2019/03/debugging-websites-in-chrome-for-ios.html

Chrome for iOS控制台


4
惊人。不敢相信我没有意识到这一点。
ori888 '19

什么时候添加的?这在我的旧ipad上不起作用-运行适用于iOS的Chrome 71.0.3578.89。
迈克,

3
刚刚找到了我问题的答案-这是版本73中的一项新功能,至少需要iOS 11。
迈克,
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.