chrome调试webview

来源:互联网 发布:win10系统图标网络灰色 编辑:程序博客网 时间:2024/05/18 15:55

1.来看下高大上的chrome://inspect 
通过它和USB,你可以调试andriod手机上的h5页面,非常的方便和强大。 它支持以下的调试: 1.浏览器tab页打开的h5页面 
2.webview里面打开的页面 
3.实时将你andriod设备的屏幕录制到你的开发机上 
4.通过port forwarding和virtual host mapping调试你自己的开发服务器

如果想要调试,你需要准备: 1.开发机上有chromne 32或以上版本(实验证明需要40以上的版本) 
2.用USB将设备连接到电脑上 
3.对于浏览器调试,需要andriond 4.0+及chrome for andriod 
4.对于app调试,需要andriod 4.4+及webview特殊配置 
PS:对于远程调试,需要你开发机上面的chrome版本比andriod设备上面的chrome版本新,为了保险,可以用 Chrome Canary(Mac/Windos)或者Chrome Dev channel release(Linux)

现在开始调试: 1.需要开启设备USB调试。 

2.将设备通过USB连接到电脑上

3.在电脑上的chrome打开chrome://inspect,这时候可以看到你的设备了: 

4.在设备的chrome中打开一个网站,变可以看到: 

点击“inspect”,便会启动一个devloper tools: 

所有chrome可以做的,这里都可以做,非常强大

0 0
原创粉丝点击