PC端远程调用手机设备仿真测试环境搭建

在Mobile First的今天，你是不是面临一个窘境，那就是你无法100%的模拟手机操作环境监测调试你的代码。如果你想debug手机上的一些触屏操作，你是不是感觉到超级麻烦呢。今天我就给大家介绍一个神奇的功能，通过以下操作，你可以在你的手机上做测试操作，而在PC上debug测试结果。

在开始远程调试前，你需要：

1、Mac OS X Safari 6+；

2、Mac OSX Lion 10.7.4+；

3、一根连接你的 IOS 移动设备至开发（桌面）设备的 USB 连接线；

4、为满足浏览器调试的需求，需要 iOS 6+；

5、为满足 App 调试的需求，需要 iOS 6+ 以及配置为可被调试的网络视图（WebView）；

提示：

1、在 IOS 设备上，操作「设置 > 通用 > 关于（版本）」以检查 IOS Safari 的版本；

2、打开 Mac OS X Safari，选择「菜单栏 > 关于 Safari」以检查 Mac OS X Safari 的版本；

上述需求满足的情况下，现在需要如下图从左往右顺序设置 IOS 移动设备（用户界面可能会与下图不一致，但大同小异）：

再者，启动 Mac OS X Safari 的「开发者工具」功能，有以下几个可执行方案：

1、选择「设置 > 偏好设置 > 高级」将「在菜单栏中显示开发菜单」选项勾中并退出「偏好设置」面板；

2、使用「ctrl + ' 」快捷键启动「偏好设置」面板，切换到「高级」选项卡，将「在菜单栏中显示开发菜单」选项勾中并退出「偏好设置」面板；「推荐」

注意：必须勾中「在菜单栏中显示开发菜单」选项才能启动「Safari 开发者工具」功能！

若之前从未设置过上述内容，现在重启 Mac OS X Safari 和 IOS Safari。重启后，使用 USB 数据线连接 IOS 移动设备至开发设备。

选择「开发」菜单，你会看到连接在开发设备上的 IOS 移动设备（的名称），鼠标放置在该设备名称上，便能看到在该 IOS 移动设备上当前被浏览的标签名（若该 IOS 移动设备上的 Safari 未运行任何标签或打开的是空白页，此处看到的便是「空白页」字样）。

选择需要调试的页面，选中的同时，便会打开与该页面关联的「WEB 检查器」实例。

至此，便可以借助 Mac OS X Safari 的「开发者工具」开始在 IOS 设备上通过 Safari 远程调试用户界面了。

参考英文链接：http://phonegap-tips.com/articles/debugging-ios-phonegap-apps-with-safaris-web-inspector.html

程序喵