检查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查看。