有你在真好 的个人博客
webview性能分析
阅读:2181 添加日期:2021/3/27 23:16:38 原文链接:https://www.toutiao.com/item/6914581023062065667/

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团队暂时没考虑修复

ICP备案号:苏ICP备14035786号-1 苏公网安备 32050502001014号