Android WebView相关材料汇总

置顶 已于 2023-03-08 15:34:24 修改
阅读量8.3k 收藏 9
点赞数 2
分类专栏： Android 文章标签： Android WebView JSBridge
于 2018-12-13 15:28:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Fantasy_Lin_/article/details/84989067
版权
本文全面解析Android WebView的使用技巧、性能优化及常见问题解决方案。涵盖与JS交互、视频播放、缓存策略等核心主题，同时推荐多个实用的第三方开源库。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1. 前言

在APP里面嵌套H5页面已经是一件很平常的事情了。Android是通过WebView来加载H5页面的。不过Android的WebView缺陷蛮多的，需要对其进行一些优化，不然是无法很好展示H5页面的。对于WebView，我也是研究了一段时间了，收集了很多材料，现在专门在这里汇总，方便查阅。

在2020新年来临之际，我创建了一个开源项目 AndroidWebView，该项目重在介绍WebView的基本用法、功能优化和常见问题的解决方案等等，有较详细的demo，欢迎各位star和fork。

这篇文章会不断更新的哦！现在的版本是 2020-04-30 更新的。

2. WebView详解系列

2.1 优快云博客专家“启舰”编写的系列

这是比较早的一个系列了，涉及到的内容挺多的，不过造成有点杂啦，也不是很深入，适合初步了解。

2.2 优快云博客专家“Carson_Ho”编写的系列

这个系列就比较好了，很全面，而且也比较深入。

2.3 网易考拉移动端团队编写的系列

大公司团队分享的经验，非常详细，而且都是实际开发中会遇到的问题。

2.4 简书作者“AWeiLoveAndroid”编写的系列

这个系列是AWeiLoveAndroid博主整理的WebView知识点，用于查缺补漏其实挺不错的。

2.5 简书作者“reezy”编写的系列

总结的很详细，涉及的API也比较新，其中管理Cookie、地理位置和全屏值得看看。

Android WebView 详解

3. 与JS交互

小白必看，JSBridge 初探 （这篇文章作为入门篇，我个人是觉得非常不错的，写得很全面，Android和iOS的具体交互代码都有交代）

JsBridge实现JavaScript和Java的互相调用

Android与JS之JsBridge使用与源码分析

聊一聊 WebView 与 JS 交互方案 - 适用 Android & iOS

JavaScript调用App原生代码(iOS、Android)通用解决方案

Android WebView传字符串给JS，时好时坏，为啥？

4. 性能优化

H5预加载的实现

Android的WebView控件载入网页显示速度慢的究极解决方案

Android WebView: 性能优化不得不说的事

WebView性能、体验分析与优化

Android WebView 轻量缓存优化

腾讯祭出大招VasSonic，让你的H5页面首屏秒开

懂球帝Android客户端WebView优化之路-涂晓龙

5. 常见问题

5.1 简书作者“cpacm”整合的问题

带你解决 WebView 里的常见问题

5.2 地图定位

Android使用WebView定位问题

Android 使用 WebView 加载网页地图定位的大坑

5.3 视频

Android WebView播放视频并支持全屏

android webview中视频播放及全屏

Android WebView 总结 —— 使用HTML5播放视频及全屏方案

WebView 视频播放，全屏按钮显示不出来，全屏后不能播放视频

5.4 拍照上传、拍视频上传、上传图片等文件

Android WebView拍照和上传文件

适配Android WebView支持上传图片，视频

5.5 Cookie

webview 设置cookie

Android 控件WebView设置Cookie

【WebView的cookie机制 】轻松搞定WebView cookie同步问题

5.6 缓存

Android清除WebView缓存

Android WebView默认缓存策略

6. 第三方开源库

Android WebView详解和调用JS，踩坑了
m0_68318673的博客
03-19 4115
*/ @Override public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) { super.onReceivedError(view, request, error); Log.d(“testTimeout”, “-----------加载异常”); } }); （4）访问的页面中有Javascript，则webview必须设置支持Javascript WebSettin
Android WebView缓存机制和性能优化
weixin_45365889的博客
09-04 4306
前言 现在许多app都嵌入了H5页面，H5具有开发周期短、灵活性好的特点。但是WebView的性能问题却一直影响着用户体验。特别突出的就是加载速度慢和消耗流量。 一般的H5加载流程 通常将html/js/css等静态资源放到CDN上，然后页面加载后，再通过CGI去拉取最新的数据，进行拼接展示。这种模式的加载流程如下： 加载开始前做初始化工作，包括Runtime初始化，创建WebView...
Android WebView的默认缓存策略
Fantasy
03-31 6114
今天测试反馈，前端更新了H5的内容，但是客户端通过webview的方式打开后，发现内容没有更新，使用charles抓包，发现客户端访问访问时，连请求都没法发出。于是测试的妹子在企业微信中@我，看到消息有点懵，记得去年就排查过webview的缓存方式，怪没有记录，今天决定把问题重新记录一下。
WebView的缓存机制
YDHIT的博客
05-16 4636
在构造函数中，我们指定了缓存目录和缓存大小。其中，`setAppCacheEnabled(true)`表示开启缓存，`setAppCacheMaxSize()`表示设置缓存大小，`setCacheMode()`表示设置缓存模式。- 如果网页内容不经常更新，可以使用`LOAD_CACHE_ELSE_NETWORK`模式，以便快速加载缓存内容。- `LOAD_CACHE_ELSE_NETWORK`：只要本地有缓存，无论是否过期，都使用缓存。- `LOAD_NO_CACHE`：不使用缓存，只从网络获取数据。
Android实现WebView删除缓存的方法
龙叔的专栏
04-28 1121
此文为网络大社区获取的资源 //优先使用缓存： WebView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); //不使用缓存： WebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
Android-WebView的使用
最新发布
2401_84152738的博客
04-12 1227
核心竞争力，怎么才能提高呢？成年人想要改变生活，逆转状态？那就开始学习吧~万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。
Android WebView独立进程解决方案(1)，前端面试
2301_77033813的博客
04-03 814
启动微信时进程列表打开微信公众号时进程列表image.png打开微信小程序时进程列表image.png以上是微信的进程list，简单分析一下各个进程的功能如下：com.tencent.mm ：微信主进程，会话和朋友圈相关com.tencent.mm:push ：微信push, 保活com.tencent.mm:tools 和 com.tencent.mm:support : 功能支持，比如微信中打开一个独立网页是在tools进程中。
Android WebView与Native通信总结
2401_83621384的博客
03-18 772
在上面我们已经基于方案完成了native与WebView间通信机制的实现，双方可以交换数据，但开发的时候需要考虑更多问题。比如，如果是Javascript向native发送数据，需要将数据转换成一个字符串，然后再将字符串发给native, native再去解析这个字符串，找到对应的处理方法，提取出相关的业务参数，再进行相应的处理。所以我们需要定义这个字符串的数据结构。在上面我们已经约定了，H5端可以采用向native发送数据，该方法只有一个字符串参数, 以获取用户信息这个业务功能为例，我们的字符串参数是。
android webview 清除缓存,android 读取WebView缓存及清理WebView缓存
weixin_39568926的博客
05-26 1875
WebView中存在着两种缓存：网页数据缓存(存储打开过的页面及资源)、H5缓存(即appcache)。1.缓存的分类：首先要说的一点是缓存的分类，我们缓存的数据分为：页面缓存和数据缓存页面缓存：加载一个网页时的html、JS、CSS等页面或者资源数据，这些缓存资源是由>于浏览器的行为而产生，开发者只能通过配置HTTP响应头影响浏览器的行为才能间接地影响到>这些缓存数据。而缓存的索引放...
Android基于JsBridge封装的高效带加载进度的WebView
Tamic （大白）
09-01 1万+
Tamic http://blog.youkuaiyun.com/sk719887916/article/details/52402470 概述从去年4月项目就一直用起了JsBridge,前面也针对jsBridge使用姿势介绍过一篇入门篇，《Android JsBridge实战 打造专属你的Hybrid APP》，本篇接着继续深入，通过再次优化封装，大大优化了部分代码，简化上层调用流程，快速部署你的Hyb
WebView控件之WebSettings各种配置方法源码总结
xiao190128的专栏
10-29 1192
概要 WebSettings用于管理WebView状态配置，当WebView第一次被创建时，WebView包含着一个默认的配置，这些默认的配置将通过get方法返回，通过WebView中的getSettings方法获得一个WebSettings对象，如果一个WebView被销毁，在WebSettings中所有回调方法将抛出IllegalStateException异常。 1、setSup
WebView清除缓存
滴水穿石，点石为金
03-07 1936
1.普通应用删除手机固定目录上的缓存 //clear the cache before time numDays private int clearCacheFolder(File dir, long numDays) { int deletedFiles = 0; if (dir!= null && dir.isDirecto
Android WebView缓存机制详解
810364804
11-04 1582
如有转载，请声明出处: 时之沙:http://blog.youkuaiyun.com/t12x3456 Android WebView缓存机制 当我们加载Html时候，会在我们data/应用package下生成database与cache两个文件夹: 我们请求的Url记录是保存在webviewCache.db里，而url的内容是保存在webviewCache文件夹下. WebView中存在着两种缓存：网...
Android WebView缓存策略详解
tianxiangshan的专栏
08-22 1039
WebView中存在着两种缓存：网页数据缓存（存储打开过的页面及资源）、H5缓存（即appcache）。  一、网页缓存 1、缓存构成 /data/data/package_name/cache/  /data/data/package_name/database/webview.db  /data/data/package_name/database/webviewCache.
Android Studio如何连接第三方模拟器
热门推荐
Fantasy
04-11 11万+
如果大家用过Android Studio自带的模拟器，应该都深有体会，很吃电脑配置。如果电脑配置较差，模拟器用起来那叫一个卡啊！不过现在市面上有很多种模拟器了，例如：夜神模拟器、雷电模拟器等等，都蛮不错的，用起来不卡。接下来就简单说一下如何使用吧！
Android安全：禁止APP录屏和截屏
Fantasy
05-08 3万+
Android有些APP会为了安全，禁止录屏和截屏，例如：金融、银行相关的。禁止录屏和截屏并不难，只需要在 Activity 的onCreate() 方法中添加一行代码即可： getWindow().addFlags(WindowManager.LayoutParams.FLAG_SECURE); 添加这行代码后，当截屏的时候，系统会弹出一个Toast提示“禁止屏幕抓取”；当录屏的时候，看似...
Android开发资料汇总二：网络资源整理
由于给定文件内容限制，这里将从文件名称"Android开发资料收集二"及描述"Android开发资料收集二，以上资料均来源于网络。"出发，推测相关知识点并进行详细说明。 ### Android 开发基础 1. **Android 操作系统架构*...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值