在 iPhone 和 iPad 上启用 Safari 调试控制台

Safari 图标

iOS 版 Safari 包括一个可选的调试控制台,可帮助网络开发人员跟踪和解决 iPhone 和 iPad 上的网页问题。

更好的是,对于最新版本的 iOS,它实际上使用与桌面版 Safari 相同的 Web Inspector,这意味着如果您将 iPhone 或 iPad 连接到计算机,您可以直接在 iOS 或 iPadOS 上使用 Safari 调试工具设备

旧版本的 iOS 也有这个功能,虽然不像桌面 Safari 那样包容调试 和 < a href="https://ipressx.com/enable-the-develop-menu-in-safari/">开发者工具,它仍然很有用,并且很容易在 iPhone 和 iPad 上启用或禁用。

让我们了解如何在新旧版本的 iOS 上启用此功能,并了解这些版本之间的不同之处。

如何在 iPhone 和 iPad 的 Safari 中启用和使用 Web Inspector

在现代 iOS 和 iPadOS 版本中,Safari 网络检查器的工作方式如下:

  1. 打开“设置”>“Safari”>“高级”,然后点按以启用“Web Inspector”
  2. 将 iPhone 或 iPad 连接到 Mac,然后转到 Safari 并启用开发者菜单 如果您还没有这样做,请转至 Safari > 首选项 > 高级 > 显示开发菜单栏
  3. 下拉“开发”菜单栏,找到iPhone或iPad,然后打开你要调试的网页
  4. Safari Web Inspector 将打开,您可以直接在 Mac 上的 Safari 中调试和检查来自 iOS 或 IPadOS 设备的 Web 元素

现在,当您在 iPhone 或 iPad 上导航时,您会发现 Mac 上 Safari 中的 Web Inspector 会更新。

您可以通过 Web 检查器中的“控制台”选项卡访问调试控制台,也可以通过“调试器”选项卡访问调试器。当然,也可以使用用于元素、资源、网络等的常用 Web 检查器工具。

Web 检查器工具

当您在去吧,如果需要的话。

如何在旧版 iOS 上启用调试控制台

如果您在旧版 iPhone 或 iPad 上安装的是旧版 iOS,则整个调试体验都在设备上,您无法将其连接到 Mac 上的 Safari。尽管如此,它仍然非常有用,下面是它的工作原理:

  1. 启动“设置”并点击“Safari”
  2. 点击“高级”
  3. 将“调试控制台”滑动到 ON
  4. 在 iOS 中启用 Safari 调试控制台

    默认列表会显示所有错误,但您可以通过逐个点击来深入查看更具体的 HTML、JavaScript 和 CSS 错误。

    另一个对移动网络开发者有用的工具是 Firebug Lite for iOS,它利用了javascript bookmarklet 加载流行的 Firebug 开发工具的简单版本。该功能对于较旧的 iOS 版本可能也是最有用的,因为较新的版本具有新功能。

    您是否使用任何适用于 iPhone 或 iPad 的网络开发人员工具?在下面的评论中与我们分享任何提示、技巧、应用程序或技巧。