如何激活Web Inspector以在iPhone上调试Safari

如何激活Web Inspector以在iPhone上调试Safari

大多数Apple用户都知道Web Inspector的功能,但很少有人知道如何使用它以及实际目的是什么。简而言之,Web Inspector是Safari中的主要Web开发工具。它对于检查,调整,调试和分析在Safari选项卡中打开的网页的性能非常有帮助。

在详细了解其工作原理之前,建议您确保iPhone在最新的iOS上运行。有人抱怨手机几乎因为用户在未更新的设备上进行调试而死机。无论如何,你只需要iOS 6或更高版本就可以使用这个功能,因此几乎所有的iPhone用户都可以使用这个强大的功能。这是步骤。

目录

  • 相同的Apple ID:
  • 使用Web Inspector:
  • 开发菜单中没有设备:

相同的Apple ID:

第一步是确保通过相同的Apple ID同步Mac和iPhone,并打开Safari的功能。此外,Windows用户需要找到另一种方法,因为它仅适用于Mac。要在两台设备上启用Safari,您可以:

在iPhone上:

1.打开 设置。

2.点击您的Apple ID;屏幕上的第一个选项。

3.接下来点击 iCloud中。

4.现在查看Safari是否经过检查标记。

在Mac上:

1.打开 系统偏好 来自Apple Menu。

2.单击 iCloud中。

3.查看Safari是否已选中。

4.此外,请确保两个设备都运行相同版本的Safari。如果没有,请根据要求更新。

使用Web Inspector:

iPhone部分:

1.启动 设置 在你的iPhone上。

2.点击选项 苹果浏览器。找到选项Advanced“width =”225“height =”400“srcset =”https://o0o0sm3y25-flywheel.netdna-ssl.com/wp-content/uploads/2019/08/word-image-107.jpeg 360w ,https://su0o0sm3y25-flywheel.netdna-ssl.com/wp-content/uploads/2019/08/word-image-107-169x300.jpeg 169w,https://o0o0sm3y25-flywheel.netdna-ssl.com/ wp-content / uploads / 2019/08 / word-image-107-236x420.jpeg 236w“sizes =”(最大宽度:225px)100vw,225px

3.向下滚动,找到该选项 高级 并点按它。通过在“width =”225“height =”400“srcset =”https://o0o0sm3y25-flywheel.netdna-ssl.com/wp-content/uploads/2019/08/word-image-108上切换来启用Web Inspector .jpeg 1242w,https://oo0o0sm3y25-flywheel.netdna-ssl.com/wp-content/uploads/2019/08/word-image-108-169x300.jpeg 169w,https://o0o0sm3y25-flywheel.netdna-ssl .com / wp-content / uploads / 2019/08 / word-image-108-768x1365.jpeg 768w,https://oo0o0sm3y25-flywheel.netdna-ssl.com/wp-content/uploads/2019/08/word- image-108-576x1024.jpeg 576w,https://oo0o0sm3y25-flywheel.netdna-ssl.com/wp-content/uploads/2019/08/word-image-108-696x1237.jpeg 696w,https:// o0o0sm3y25- flywheel.netdna-ssl.com/wp-content/uploads/2019/08/word-image-108-1068x1899.jpeg 1068w,https://o0o0sm3y25-flywheel.netdna-ssl.com/wp-content/uploads/2019 /08/word-image-108-236x420.jpeg 236w“sizes =”(最大宽度:225px)100vw,225px

4.现在启用 网络检查员 通过切换它。您还需要启用 JavaScript的 如果它被切掉了。

Mac部分:

1.在Mac上启动Safari。

2.单击Safari菜单,然后单击 喜好。

3.单击下一步 高级。

4.检查“在菜单栏中显示“开发”菜单“如果你还没有这样做过。

5.现在通过充电线将iPhone连接到Mac。请勿通过Wi-Fi连接设备,因为此方法不支持Wi-Fi。

6.现在打开要在iPhone的Safari上调试的网站。

7.在Mac上启动Safari,然后单击选项Develop。您可以在连接到Mac时找到iPhone。如果Safari(iPhone)上没有打开网页,您将看到消息No Inspectable Applications。

您只需单击它即可调试打开的页面。它将允许您检查DOM元素,修改CSS,测量页面性能并运行JavaScript命令。

您可以通过调试器工具检查的其他功能是识别页面上的JavaScript错误,添加断点并调试JavaScript。

您还可以在调试器中查看任何CSS或HTML错误及其详细信息。

开发菜单中没有设备:

一些用户提出了他们无法在“开发”菜单中看到他们的设备的问题。可能有很多原因导致这种情况发生。如果您还面临这个问题,那么请运行这些快速修复提示,其中一个肯定会适合您。

1.清除Safari上的Web历史记录,缓存和Cookie。

2.尝试使用其他连接电缆。请勿使用Apple原装以外的任何电缆。

3.重新访问Web Inspector以查看是否已切换。据报道,有些用户启用了这项功能,iOS无法自动禁用它。

4.尽量不要使用私人浏览模式。隐私浏览模式确实出现在“开发”工具中,但它经常消失。原因尚不清楚,但如果使用普通浏览则更好。

5.喜欢使用Safari Technology Preview浏览器而不是原始浏览器。

6.禁用Web Inspector(连接到Mac时)并在30-60秒后启用它。

7.使用活动监视器查看Safari的性能是否达到标记。

8.更改Mac上的USB端口,因为端口有时可能会损坏。

本文机器自动生成,不保证语句完整通顺和表达准确,亦不对内容真实有效性负责,请读者知悉。