使用移动Safari Web Inspector实时响应网站建设的故障排除

网站建设 2015 11月23日 发布

当他们第一次与移动通信的时候,许多设计师开发人员认为页面的更改必须上传到服务器,然后才能在移动设备上看到。这使得对于极为排除故障排除:修正了移动的猜测,编码,上传,和移动浏览器刷新,机智这一过程,反复数十次,直到问题得到解决。

值得庆幸的是,有一个更好的和更精简的方式,如果你有一个MAC和苹果设备(iPhone,ipad,等)。

在你开始之前,确保你已经建立了Web开发的桌面和移动版Safari,前面讨论的。

启动移动Safari浏览器在你的iOS装置和导航到你希望测试的页面,可以在一个地方(发展)服务器或网站。

启动Safari浏览器在你的MAC和连接到您的您的iOS装置使用标准的电缆。

在你的MAC,去菜单在Safari的开发。你应该看到你的设备的名称;移动光标到该条目将显示你的页面,看你的iPhone,iPod和ipad的名字。

选择页面的名字将在你的MAC Safari网络督察。虽然在这一点上你可以做很多事情,但你很可能要开始在元素模式下,点击“适当的”按钮,在顶部的网页检视窗口。

你会发现,移动光标在桌面Safari Web Inspector元素,将匹配的元素上的iOS设备,如视频在文章的顶部。使用此,以及在右侧的规则面板,您可以更改内容,更改元素的样式,诊断显示问题的原因,以及许多其他有用的任务,在您的移动设备上显示的结果。

不幸的是,Safari还没有提供选项来写你的变化直接进入源代码的浏览器,你要传递的任何变化来选择您的编辑。然而,正如它的功能是非常有用的,可以让你直接诊断问题,不需要猜测;相比之下,传统的方法是在黑暗码盲刺。

如没特殊注明,文章均为善微网络原创,转载请注明来自https://www.sanways.cn/news/106.html