检查iOS的Safari网页的原始码与分析

检查iOS的Safari网页的原始码与分析

测试iOS端网页呈现结果除了用实机测,一般就是使用模拟的方式来除错,但有些情况下如果是在iDevice上执行上才会发生的,那就需要针对iOS端的设备去除错。

Mac版的Safari在开发功能上有增加一项针对iOS除错网页的功能,只要您将iDevice接上并且具备开发者身份的话,开启主要选项就可以进行除错,接下来我们来看一下是怎么开启它。

Mac上Safari功能开启

开启Safari之后,选择偏好设定进阶之后,将在选单列中显示「开发」选单开启,这项功能将会开启一些网页除错功能, 一般网页开发也非用的有用。

iDevice上Safari功能开启

进入设定

寻找一下Safari并点击进入,这个功能属于较深入的功能,我们要进入进阶

开启网页检阅器功能,如此一来整个功能全部都开启

开始使用

将iDevice接上传输线与电脑连线。

iDevice上开启Safari并且输入你要除错的网址

如果您在iOS上有用Safari开启网页时,我们相应的开启Mac上的Safari并选择功能开发后,我们所连接的iDevice上就会有您在iDevice上网页的连结名称,此时再选择就会进入网页检阅器功能,如此一来就能进行网页的除错。

下图就是网页检阅器功能画面,提供很多功能供网页除错使用,

在这要注意到的一点:

  • 当您将iDevice上的Safari关闭,网页检阅器会自动关闭
  • iDevice上的Safari除错的页面如果更换网址时,要将网页检阅器关闭后再重新启动,因为网页检阅器只能检阅您启动时的网页面

以上是Safari所提供的开发功能之一,更详细的功能可以到官网Safari Web Inspector Guide查看。