当他们第一次与移动通信的时候，许多设计师开发人员认为页面的更改必须上传到服务器，然后才能在移动设备上看到。这使得对于极为排除故障排除：修正了移动的猜测，编码，上传，和移动浏览器刷新，机智这一过程，反复数十次，直到问题得到解决。
值得庆幸的是，有一个更好的和更精简的方式，如果你有一个MAC和苹果设备（iPhone，ipad，等）。
在你开始之前，确保你已经建立了web开发的桌面和移动版Safari，前面讨论的。
启动移动Safari浏览器在你的iOS装置和导航到你希望测试的页面，可以在一个地方（发展）服务器或网站。
启动Safari浏览器在你的MAC和连接到您的您的iOS装置使用标准的电缆。
在你的MAC，去菜单在Safari的开发。你应该看到你的设备的名称；移动光标到该条目将显示你的页面，看你的iPhone，iPod和ipad的名字。
选择页面的名字将在你的MAC Safari网络督察。虽然在这一点上你可以做很多事情，但你很可能要开始在元素模式下，点击“适当的”按钮，在顶部的网页检视窗口。
你会发现，移动光标在桌面Safari Web Inspector元素，将匹配的元素上的iOS设备，如视频在文章的顶部。使用此，以及在右侧的规则面板，您可以更改内容，更改元素的样式，诊断显示问题的原因，以及许多其他有用的任务，在您的移动设备上显示的结果。
不幸的是，Safari还没有提供选项来写你的变化直接进入源代码的浏览器，你要传递的任何变化来选择您的编辑。然而，正如它的功能是非常有用的，可以让你直接诊断问题，不需要猜测；相比之下，传统的方法是在黑暗码盲刺。