一、chrome浏览器自带分析工具

说明： Disable cache：不加载缓存，从零载入

蓝色线：dom 出现

红色线：图片等资源已加载完

说明：Queueing: 队列等待时间

stalled: 在队列中，停止请求

waiting：服务器响应时间

Content Download：下载资源时间

每个字段的含义可以点Explanation 查看。网址：https://developers.google.com/web/tools/chrome-devtools/network/reference?utm_source=devtools#timing-explanation

二、Chrome remote inspect

如果在移动端，可以利用自带的Chrome remote inspect

1、模拟器6.0默认支持

2、物理机需要打开APP内开关

启动webview调试。要启动webview调试，就需要webview类上调用静态方法。

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){

webview.setWEbContentsDebuggingEnabled(true);

}

建议使用62版本的Chrome