在 iOS 16.4+ 上的 Chrome 中调试网站

Mike Dougherty
Mike Dougherty

从 Chrome 115 开始,您可以为 iOS 上的 Chrome 启用 Safari Web Inspector 调试功能。本文介绍了如何开始使用。

在 Chrome 115 之前,调试网页需要从源代码构建 iOS 版 Chrome,因为 WKWebView 的发布版本不支持远程 Web Inspector 调试。在 Chrome 73 中,我们添加了 chrome://inspect 页面,该页面会在本地显示 JavaScript 日志,以协助调试网页。现在,WKWebView 允许在发布版本中进行 Web Inspector 调试(从 iOS 16.4 开始),我们在 Chrome 115 中添加了一个设置,以启用此功能并进一步改进开发者体验。

使用入门

在 iOS 设备上,您需要:

  • iOS 16.4 或更高版本。
  • Chrome 115 或更高版本。

在 Mac 上,您需要:

  • 已启用 Safari Develop 菜单。在 Safari 应用设置的“高级设置”标签页中启用此功能。

在 iOS 设备上,启动 Chrome 应用并前往设置。在内容设置中,启用 Web 检查器。更改此设置后,请重新启动 iOS 版 Chrome。

调试网站

启用此设置后,您可以按照以下步骤调试在 Chrome for iOS 中运行的任何网页。

  1. 使用数据线将 iOS 设备连接到 Mac。
  2. 在适用于 iOS 的 Chrome 中,打开要检查的网站。
  3. 在 Mac 上,启动 Safari。在开发菜单中,将鼠标悬停在已连接设备的名称上,然后选择要检查的网站的网址。

显示的 Web 检查器窗口可用于调试当前的 WebView。如需详细了解如何使用 Safari 开发者工具,请参阅 Apple 的文档