webview性能分析

手机APP/开发
489
0
0
2022-03-28

WebView是android中一个非常重要的控件,它的作用是用来展示一个web页面。它使用的内核是webkit引擎,4.4版本之后,直接使用Chrome作为内置网页浏览器。

作用

  1. 显示和渲染网页;
  2. 可与页面JavaScript交互,实现混合开发。

webview性能分析chome调试工具

Disable cache:不加载缓存,从零载入

蓝色线:dom出现

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

webview性能分析Queueing:队列等待时间Stalled:在队列中,停止请求Waiting:服务器响应时间Content Download:下 载时间

webview性能分析每个请求加载的详细时间

移动端分析

webview性能分析谷歌打开地址:chrome://inspect/#devices

webview开关

模拟器6.0默认支持

物理机需要打开app内开关

必须从您的应用中启用WebView调试。要启用WebView调试,请在WebView类上调用静态方法

setWebContentsDebuggingEnabled.

if (Build.VERSION.SDK_INT >= Build. VERSION. CODES .KITKAT){
		WebView .setWebContentsDebuggingEnabled(true);
}

webview性能分析页面详情

版本问题修复:

下载版本62的chrome

起因是chrome新版本取消了一个css标签的支持

devtool团队暂时没考虑修复