引子


不论是web端还是app端,对于前端页面的性能优化方法都是一样的,思路也是通用的。在《前端页面性能测试普及课》中已经详细讲解过了,这里不再阐述,感兴趣的可以看看,地址:http://edu.51cto.com/course/9202.html

以下说的app调试对于里面的webview的优化也是一样的。


准备步骤


手机root

打开开发者模式

打开usb调试

使用数据线连接电脑

本地电脑安装好chrome


调试webview网页


启动chrome,并输入chrome://inspect

启动浏览器或者chrome去访问任意网站

小试牛刀chrome来调试APP_第1张图片

点击要分析的URL下方的inspect即可,之后就会进入调试工具,和pc上的无差异

PS:如果点击inspect之后是白页,那么你需要×××。。。。。

小试牛刀chrome来调试APP_第2张图片

调试APP


如果想调试app,app必须是debug版本的或者打开了Cordova 打包的app,总之app代码里需要做一些配置(具体的开发都会弄了,你不必操心)

小试牛刀chrome来调试APP_第3张图片

小试牛刀chrome来调试APP_第4张图片