25
2013
02

利用safari6.0远程调试iPhone/iPad上的网页

在PC机或则Mac机上做web开发时我们用到的调试工具很多,但是做iPhone/iPad下的网页调试工具却很少。在iOS6之前我们也许可以用iWebInspector来进行调试,现在我们可以直接用Safari来进行调试了。看看原理图,利用Mac机的Safari远程调试iPhone/iPad设备上的网页,或则利用Mac机的Safari调用本机iOS Simulator上的网页,非常方便

image

下面是设置教程

第一步: 打开开启 iPhone/iPad(或则你本机iOS Simulator上运行设备) 上的 Safari 的远程调试功能,Settings > Safari > Advanced

你可以看到下面的界面,将Web Inspector设置为ON

 iPhone/iPad网页调试

第二步:一旦你这边设置成功你就可以打开你Mac机上的Safari进行调试了(当然如果你这时候用 iPhone/iPad真机调试的话需要将设备链接到你调试的Mac上来)。

如果你没有开启你的Safari调试工具你可以到Safari的Preferences->Advanced中勾选Show Develop menu in the menu bar 选项。这时候打开Safari后你可以看到下面界面(如果你 iPhone/iPad设备的话,你看到的是iPhone/iPad而不是iPad Simulator

 iPhone/iPad网页调试

第三步: 看到下面界面就可以开始调试了,跟调试我们电脑网页一样。

HTML调试界面

iPhone/iPad网页调试

Javascript调试界面

iPhone/iPad网页调试

Web请求界面

iPhone/iPad网页调试

全文完,是不是很简单啊。

« 上一篇下一篇 »

相关文章:

评论列表:

1.Unmi  2013/8/28 3:33:41 回复该留言
@Arain,这个好,我用上了它。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。