PC端远程调用手机设备仿真测试环境搭建 | 教你一招
测试
lilu
10人收藏 2370次学习

PC端远程调用手机设备仿真测试环境搭建 | 教你一招

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

Mac OS X 解决方案

在开始远程调试前,你需要:

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 远程调试用户界面了。

加入1KE学习俱乐部

1KE学习俱乐部是只针对1KE学员开放的私人俱乐部
标签:
实用工具 测试