通过chrome识别手机端app元素--Chrome:inspector
2015-08-18 15:49
155 查看
现实中应该有这样一种情况,就是一个app只支持手机端使用,同时他又是hybrid的,那么其中的webview部分的元素属性如何去获得呢?
使用下面的方法可以解决这个问题:
调试 Android Chrome 方法:打开 Android 自带 USB 调试,并将手机连接电脑。
1.打开 Android端的Chrome,并打开你的页面或应用
2.打开PC/Mac 上的 Chrome,打开 chrome://inspect/#devices
3.正常情况会失败到连接上的手机
4.勾选 Discover USB devices,电脑端会显示出允许调试的列表,找到期望的页面点击inspect就可以了。
![](http://images2015.cnblogs.com/blog/792510/201509/792510-20150902174005450-832134910.png)
5.同时会显示出手机上开启的界面,如下图左边,
6.在pc端,左边显示手机界面的部分,点F12即可以识别出元素属性了,就和你在桌面上操作inspector一样。
![](http://images0.cnblogs.com/blog2015/792510/201508/181546046441486.png)
注:如果是第一次用,有可能inspect时会显示空白页面,这时可以翻下墙,应该就可以同步手机画面了,以后就不需要再翻了。如果你能看到手机的调试界面但是看不到手机显示画面,可以旋转手机让chrome刷新下。
使用下面的方法可以解决这个问题:
调试 Android Chrome 方法:打开 Android 自带 USB 调试,并将手机连接电脑。
1.打开 Android端的Chrome,并打开你的页面或应用
2.打开PC/Mac 上的 Chrome,打开 chrome://inspect/#devices
3.正常情况会失败到连接上的手机
4.勾选 Discover USB devices,电脑端会显示出允许调试的列表,找到期望的页面点击inspect就可以了。
![](http://images2015.cnblogs.com/blog/792510/201509/792510-20150902174005450-832134910.png)
5.同时会显示出手机上开启的界面,如下图左边,
6.在pc端,左边显示手机界面的部分,点F12即可以识别出元素属性了,就和你在桌面上操作inspector一样。
![](http://images0.cnblogs.com/blog2015/792510/201508/181546046441486.png)
注:如果是第一次用,有可能inspect时会显示空白页面,这时可以翻下墙,应该就可以同步手机画面了,以后就不需要再翻了。如果你能看到手机的调试界面但是看不到手机显示画面,可以旋转手机让chrome刷新下。
相关文章推荐
- iOS项目开发实战——自定义控件背景与颜色
- Android 打包混淆
- Android笔记-5-EditText密码和Checkbox二选一
- Android多分辨率用百分比布局库(percent-support-lib)适配
- Android 通过短链接,获取长连接
- cocoside报Failed to load the JNI shared library
- android DialogFragment
- Android 通过广播接听Home键
- android byte与16进制
- Android动画效果animation
- Android JIN返回结构体
- Android Development Note-02
- Android笔记(十六) 简易计算器
- android shape.xml 属性详解
- Android Development Note-01
- 微信公众平台开发localStorage数据总是被清空
- android开发中常用到的类和一些方法的相关介绍!~
- Android标签菜单的实现
- Android 4.4 自动拨打分机流程分析
- jUnity单元测试