通过chrome识别手机端app元素--Chrome:inspector

现实中应该有这样一种情况，就是一个app只支持手机端使用，同时他又是hybrid的，那么其中的webview部分的元素属性如何去获得呢？

使用下面的方法可以解决这个问题：

调试 Android Chrome 方法：打开 Android 自带 USB 调试，并将手机连接电脑。

1.打开 Android端的Chrome，并打开你的页面或应用

2.打开PC/Mac 上的 Chrome，打开 chrome://inspect/#devices

3.正常情况会失败到连接上的手机

4.勾选 Discover USB devices，电脑端会显示出允许调试的列表，找到期望的页面点击inspect就可以了。

5.同时会显示出手机上开启的界面，如下图左边，

6.在pc端，左边显示手机界面的部分，点F12即可以识别出元素属性了，就和你在桌面上操作inspector一样。

注：如果是第一次用，有可能inspect时会显示空白页面，这时可以翻下墙，应该就可以同步手机画面了，以后就不需要再翻了。如果你能看到手机的调试界面但是看不到手机显示画面，可以旋转手机让chrome刷新下。