有没有办法在任何IOS设备中调试chrome

Question

有没有办法在IOS设备上调试chrome浏览器？

如果没有办法,我怎么能接近ios上的chrome中的bug？

搜索网络并没有找到足够的答案.

Answer 1

旧答案(2016年7月):

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

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

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

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

为WebKit打开了一个"bug":允许Web Inspector用于WKWebView的发布版本.如果我们获得API WKWebView,Chrome for iOS将是可调试的.

2018年1月更新:

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

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

查看回购中的入门指南,这是非常详细的.

如果您有兴趣,可以在这里阅读背景和架构 .

Answer 2

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

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

Answer 3

这个答案是为了帮助偶然发现这个问题的人。

从Chrome 115开始，我们可以在Mac中使用safari开发者工具调试iOS chrome中加载的网页。

1. 用数据线连接 Mac 和 iOS 设备
2. 在 Mac 中，打开 Safari -> 首选项 -> 高级，然后选中在菜单栏中显示开发菜单复选框
3. 在 iOS 设备中，打开 Chrome -> 设置 -> 内容设置并启用 Web Inspector 选项。
4. 在 iOS chrome 浏览器中导航到要调试的页面
5. 在 Mac 中，打开 Safari -> 开发菜单 -> 将光标悬停在 iOS 设备名称上，它将显示要调试的打开选项卡

注意：确保您的 iOS 设备保持解锁状态

要求：

在您的 iOS 设备上，您需要：

iOS 16.4 或更高版本。

Chrome 115 或更高版本。

来源： https: //developer.chrome.com/blog/debugging-chrome-on-ios/

连接Mac和iOS设备：

https://webkit.org/web-inspector/enabling-web-inspector/