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

Mike Dougherty
Mike Dougherty

从 Chrome 115 开始,您可以为 iOS 上的 Chrome 启用 Safari 网络检查器调试功能。本文将介绍如何开始使用该功能。

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

使用入门

在 iOS 设备上,您需要:

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

在 Mac 上,您需要:

  • Safari 的开发菜单处于启用状态。请在 Safari 应用程序设置中的“高级设置”选项卡中启用此功能。

在 iOS 设备上,启动 Chrome 应用并导航至设置。在内容设置中,启用网络检查器。更改此设置后,重新启动 Chrome(iOS 版)。

调试网站

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

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

显示的“Web Inspector”窗口将允许调试当前的 Web 视图。有关使用 Safari 开发者工具的更多详情,请参阅 Apple 的文档