如何激活iPhone调试控制台或Web检查器

使用Safari的Web开发人员工具来研究有问题的网站

要知道的内容

  • 在iOS上激活Web Inspector:转到设置>苹果浏览器>先进的然后搬家网络检查员拨动开关到的位置。
  • 在MacOS上使用Web Inspector:将iOS设备连接到MAC,然后选择从中检查的URL发展菜单。

如果您在Safari Mobile网站上遇到错误或其他问题,请使用Web Inspector工具进行调查。本文介绍了如何在Mac计算机的帮助下使用Safari控制台来调试错误。使用iOS 14,iOS 12或iOS 11的说明适用于iOS 14,iOS 12或iOS 11,以及带有MacOS Big Sur(11.0),MacOS Catalina(10.15)或MacOS Mojave(10.14)的Mac。

在iPhone或其他IOS设备上激活Web Inspector

Web Inspector在默认情况下是禁用的,因为大多数iPhone用户不需要它。然而,如果你是一个开发人员或者你很好奇,你可以通过几个简单的步骤激活它。方法如下:

  1. 打开iPhone设置菜单。

    在具有早期版本的iOS的iPhone上,通过浏览调试控制台设置>苹果浏览器>开发人员>调试控制台.当iPhone上的Safari检测到CSS、HTML和JavaScript错误时,调试器中会显示每个错误的详细信息。

  2. 向下滚动,点击苹果浏览器要打开包含iPhone,iPad或iPod触摸的Safari Web浏览器相关的所有内容。

  3. 滚动到页面的底部并选择先进的

  4. 移动网络检查员拨动开关到的位置。

    一款iPhone,显示如何打开Safari Web Inspector

将你的iOS设备连接到Mac上的Safari浏览器

要使用Web Inspector,请将您的iPhone或其他iOS设备连接到带有Safari网络浏览器的Mac启用“开发”菜单

  1. 使用Safari开放,选择苹果浏览器从菜单栏中选择喜好

    Safari使用首选项菜单项突出显示
  2. 选择先进的标签。

    使用突出显示的高级选项卡的Safari首选项
  3. 选择在菜单栏中显示开发菜单复选框,然后关闭“设置”窗口。

    Safari高级设置使用“Show Develop Menu”选项突出显示
  4. 从Safari菜单栏中,选择发展并选择所附IOS设备的名称,然后选择出现的URL苹果浏览器打开该站点的调试控制台。

    Safari Mobile Web Inspector从MacOS的Develop菜单激活

    连接设备后,使用Mac检查您要调试的网站,并在Safari Mobile浏览器中打开它。

什么是Web Inspector?

Web开发人员使用Web Inspector修改,调试和优化Mac上的网站和IOS设备。使用Web Inspector Open,开发人员可以检查网页上的资源。Web Inspector窗口包含可编辑的HTML和有关单独面板中网页的样式和图层的注释。

在iOS 6之前,iPhoneSafari Web浏览器有一个内置的调试控制台,开发人员用来发现网页缺陷。最新版本的iOS使用的是Web Inspector。

苹果公司介绍了Safari 9和OS X Mavericks(10.9)响应式设计模式在Web检查员。开发人员使用这个内置模拟器来预览网页如何根据不同的屏幕尺寸、分辨率和方向进行缩放。

这个页面有用吗?