在 iPhone & iPad 上启用 Safari 调试控制台
目录:
Safari for iOS 包括一个可选的调试控制台，以帮助网络开发人员跟踪和解决 iPhone 和 iPad 上的网页问题。
更好的是，在最新版本的iOS中，它实际上使用与桌面版Safari相同的Web Inspector，这意味着如果你将iPhone或iPad连接到电脑，你可以直接使用Safari调试工具使用您的 iOS 或 iPadOS 设备
旧版本的 iOS 也有这个功能，虽然不像桌面 Safari 调试和开发工具那样全面，但它仍然有用，并且很容易在 iPhone 和 iPad 上启用或禁用。
让我们一起学习如何在新旧iOS版本上开启这个功能，以及不同版本之间的区别。
如何在iPhone和iPad的Safari中启用和使用Web Inspector
在现代 iOS 和 iPadOS 版本上，Safari 网络检查器的工作方式如下：
- 打开设置> Safari > 高级然后点击启用“Web Inspector”
- 将 iPhone 或 iPad 连接到 Mac，然后转到 Safari 并启用开发人员菜单，方法是转到 Safari > 首选项 > 高级 > 显示开发菜单栏
- 下拉“开发”菜单栏找到iPhone或iPad，然后打开你要调试的网页
- Safari Web Inspector 将打开，您可以直接在Mac 上的Safari 中从iOS 或IPadOS 设备调试和检查web 元素
现在，当您在 iPhone 或 iPad 上导航时，您会发现 Mac 上 Safari 中的 Web Inspector 将更新。
可以通过web inspector中的Console选项卡访问调试控制台，也可以通过Debugger选项卡访问调试器。当然也可以使用常用的元素、资源、网络等网络检查器工具。
如果需要，您还可以在旅途中使用适用于 iOS 和 iPadOS 的查看源代码技巧。
如何在旧版iOS上启用调试控制台
如果您在旧款 iPhone 或 iPad 上安装的是旧版 iOS，则整个调试体验都在设备上，您无法将其连接到 Mac 上的 Safari。尽管如此，它仍然非常有用，这是它的工作原理：
- 启动“设置”并点击“Safari”
- 点击“高级”
- 将“调试控制台”滑动到ON
启用后，点击任何Safari 屏幕顶部的调试控制台以查看网页错误。
默认列表显示所有错误，但您可以通过单独点击它们来深入查看更具体的 HTML、JavaScript 和 CSS 错误。
另一个对移动网络开发人员有用的工具是适用于iOS 的Firebug Lite，它利用javascript 书签来加载流行的Firebug 开发工具的简单版本。该功能可能对旧的 iOS 版本也最有用，因为新版本具有新功能。
您使用任何适用于iPhone 或iPad 的网络开发工具吗？在下面的评论中与我们分享任何提示、技巧、应用程序或技巧。
