有没有办法在任何iOS设备上调试Chrome？

Question

有没有办法在iOS设备上调试Chrome浏览器？

如果没有办法，在iOS上如何解决Chrome浏览器中的错误？

在网上搜索并没有找到足够的答案。

- Alexander Gorelik

---

请提供一些有用的细节，说明您遇到了什么问题。"Chrome中的错误"可能意味着任何事情。应用程序内崩溃、HTML/CSS对齐问题、JavaScript无法正常工作等。根据您具体的问题，我们将会有不同的帮助方式。 - Simon McLoughlin

请注意，您要调试的网站必须在http上运行。如果您查看以“https://”开头的网站，则不会看到任何输出。 - Andrew Wiseman

Answer 1

如果你不需要完整的调试支持，现在你可以在Chrome for iOS的chrome://inspect页面直接查看JavaScript控制台日志。

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

- MikecheckDev

---

太棒了！难以相信我之前没有意识到这一点。 - ori888

我刚找到了我的问题的答案——这是版本73中的一个新功能，最低要求是iOS 11。 - Mike

这还有效吗？我在 iOS 14.4 上用 Chrome 87.0.4280.77，在其他标签页上没有看到任何错误。 - Cani

我有同样的问题。我看不到任何日志。有人有解决方法吗？ - Andrei F

iOS 14.4.2 Chrome 87.0.4280.163 上出现了同样的问题 - 我们可以在哪里报告这个问题？ - mattgabor

Answer 2

旧回答（2016年7月）：

由于已发布的WKWebView应用程序受到限制，因此您无法直接调试Chrome for iOS，但在其他SO线程中已经讨论了一些选项：

如果你可以在Safari中复现问题，那么请使用Safari Web Inspector 远程调试。这是最简单的方法。 WeInRe允许一些简单的调试，使用一个简单的客户端-服务器模型。它不是完全特色齐全的，但可能已经足够解决你的问题。请看设置说明这里。

你可以尝试创建一个简单的WKWebView浏览器应用程序(有一些说明这里)，或者在GitHub上查找现有的应用程序。由于Chrome使用相同的渲染引擎，因此您可以使用Chrome进行调试，因为它会接近Chrome的输出。

有一个针对 WebKit 的“错误”已经被打开：允许在 WKWebView 的发布版本中使用 Web Inspector。如果我们获得一个 WKWebView 的 API，那么 iOS 版 Chrome 就可以进行调试了。 2018 年 1 月更新： 自从我在 2016 年的回答以来，一些工作已经得到改善。

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

请查看存储库中的 入门指南，其中包含详细信息。

如果您感兴趣，可以在这里了解更多有关背景和架构的信息。

- Gideon Pyzer

---

嗨，感谢您的回答。我目前正在开发用于密码自动填充的iOS扩展应用程序，其中使用了一些JS文件。在调试过程中，我遇到了问题。请问如何调试这些JS文件？如果您有任何思路，请告诉我，因为我现在卡在了调试阶段。 - Anita Nagori

@Anita，我已经更新了我的答案，因为它有点过时了。请查看适配器项目，我认为这可以让您调试应用程序中的JS。 - Gideon Pyzer

远程调试 iOS WebKit 适配器很不错。它让你可以使用 Chrome DevTools 或其他桌面调试器来调试你手机设备上的网站。但我无法将其连接到移动版 Chrome 上的网站，只能连接到移动版 Safari 上的网站。不幸的是，它们在我正在工作的一个网站上显示了不同的行为，而这些行为只出现在移动版 Chrome 上，而不是在移动仿真模式下的 Chrome DevTools 中。可能需要在网站上合并一些控制台窗口来找出问题所在。 - TheRealMikeD

RemoteDebug iOS WebKit Adapter现在也已经停止更新了 :/ 它的替代品是付费产品：https://inspect.dev - Chris Hayes

inspect.dev将无法在iOS上检查Chrome。 - cloudxix

Answer 3

这个答案是为了帮助那些遇到这个问题的人。

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

1. 用电缆将Mac和iOS设备连接起来。 2. 在Mac上，打开Safari -> 首选项 -> 高级，并勾选“在菜单栏中显示开发菜单”复选框。 3. 在iOS设备上，打开Chrome -> 设置 -> 内容设置，并启用Web检查器选项。 4. 在iOS Chrome浏览器中导航到您想要调试的页面。 5. 在Mac上，打开Safari -> 开发菜单 -> 将光标悬停在iOS设备名称上，它将显示要调试的打开标签页。

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

---

要求：

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

iOS 16.4或更高版本。

Chrome 115或更高版本。

source: https://developer.chrome.com/blog/debugging-chrome-on-ios/

连接Mac和iOS设备：

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

- Anthony