WebView开源库终极学习方案，Android外包是如何转正网易的

最新推荐文章于 2024-05-04 21:28:47 发布
最新推荐文章于 2024-05-04 21:28:47 发布
阅读量813 收藏 13
点赞数 25
分类专栏： 2024年程序员学习 文章标签： 开源 学习 android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84103191/article/details/137373923
版权

private WebProgress pb;
//显示进度条
pb.show();
//设置进度条过度颜色
pb.setColor(Color.BLUE,Color.RED);
//设置单色进度条
pb.setColor(Color.BLUE);
//为单独处理WebView进度条
pb.setWebProgress(newProgress);
//进度完成后消失
pb.hide();

//同步cookie
X5WebUtils.syncCookie(this,“url”,cookieList);
//清除cookie
X5WebUtils.removeCookie(this);

2.4 使用建议

  • 优化一下相关的操作

  • 关于设置js支持的属性

@Override
public void onResume() {
super.onResume();
if (mWebView != null) {
mWebView.getSettings().setJavaScriptEnabled(true);
}
}

@Override
protected void onStop() {
super.onStop();
if (mWebView != null) {
mWebView.getSettings().setJavaScriptEnabled(false);
}
}

  • 关于destroy销毁逻辑

@Override
protected void onDestroy() {
try {
if (webView != null) {
webView.stopLoading();
webView.destroy();
webView = null;
}
} catch (Exception e) {
Log.e(“X5WebViewActivity”, e.getMessage());
}
super.onDestroy();
}

2.5 关于web页面异常状态区分类型

@Override
public void showErrorView(@X5WebUtils.ErrorType int type) {
switch (type){
//没有网络
case X5WebUtils.ErrorMode.NO_NET:
break;
//404，网页无法打开
case X5WebUtils.ErrorMode.STATE_404:
break;
//onReceivedError，请求网络出现error
case X5WebUtils.ErrorMode.RECEIVED_ERROR:
break;
//在加载资源时通知主机应用程序发生SSL错误
case X5WebUtils.ErrorMode.SSL_ERROR:
break;
default:
break;
}
}

2.6 该库流程图
  • java调用js的流程图
  • 第一步操作：mWebView.callHandler(“functionInJs”, “小杨逗比”, new CallBackFunction() {//这里面是回调});
  • 第二步操作：将handlerName，data，responseCallback，封装到Message对象中，然后开始分发数据，最后webView执行_handleMessageFromNative；
  • 第三步操作：去WebViewJavascriptBridge.js类中找到_handleMessageFromNative方法，js根据"functionInJs"找到对应的js方法并且执行；
  • 第四步操作：js把运行结果保存到message对象中，然后添加到js消息队列中；
  • 第五步操作：在_dispatchMessageFromNative方法中，可以看到，js向native发送 “消息队列中有消息” 的通知；
  • 第六步操作：webView执行js的_fetchQueue（WebViewJavascriptBridge.js类）方法；
  • 第七步操作：js把消息队列中的所有消息都一起回传给webView；
  • 第八步操作：webView收到所有的消息，一个一个串行处理，注意其中包括 "functionInJs"方法运行的结果的消息；
  • js调用Android的流程图
  • 第一步操作：mWebView.registerHandler(“toPhone”, new BridgeHandler() { //回调});
  • 第二步操作：调用messageHandlers.put(handlerName, handler)，将名称和BridgeHandler对象放到map集合中
  • 第三步操作：在shouldOverrideUrlLoading方法中拦截url，与网页约定好一个协议，匹配则执行相应操作，也就是利用WebViewClient接口回调方法拦截url
  • 第四步操作：如果是url.startsWith(BridgeUtil.YY_RETURN_DATA)则有数据返回；如果是BridgeUtil.YY_OVERRIDE_SCHEMA则刷新消息队列
  • 第五步操作：通过BridgeHandler对象，将data和callBackFunction返回交给开发者

03.js交互操作

3.1 Java调用js的使用方法

  • 代码如下所示，下面updateAttentionStatus代表js这边的方法名称

  • webView.callHandler(“updateAttentionStatus”, …, new CallBackFunction());这是Java层主动调用Js的”updateAttentionStatus”方法。

mWebView.callHandler(“updateAttentionStatus”, attention, new CallBackFunction() {
@Override
public void onCallBack(String data) {

}
});

3.2 js调用java的使用方法

  • 代码如下所示，下面中的toPhone代表的是Android这边提供给js的方法名称

  • webView.registerHandler(“toPhone”, …);这是Java层注册了一个叫”toPhone”的接口方法，目的是提供给Js来调用。这个”toPhone”的接口方法的回调就是BridgeHandler.handler()。

mWebView.registerHandler(“toPhone”, new BridgeHandler() {
@Override
public void handler(String data, CallBackFunction function) {
try {
JSONObject jsonData = new JSONObject(data);
String phone = jsonData.optString(“phone”);
//todo 打电话
} catch (JSONException e) {
e.printStackTrace();
}
}
});

//注意，这里回传数据目前只是支持String字符串类型
function.onCallBack(“回调数据”);

3.3 js的调用时机分析
  • onPageFinished()或者onPageStarted()方法中注入js代码
  • 做过WebView开发，并且需要和js交互，大部分都会认为js在WebViewClient.onPageFinished()方法中注入最合适，此时dom树已经构建完成，页面已经完全展现出来。但如果做过页面加载速度的测试，会发现WebViewClient.onPageFinished()方法通常需要等待很久才会回调（首次加载通常超过3s），这是因为WebView需要加载完一个网页里主文档和所有的资源才会回调这个方法。
  • 能不能在WebViewClient.onPageStarted()中注入呢？答案是不确定。经过测试，有些机型可以，有些机型不行。在WebViewClient.onPageStarted()中注入还有一个致命的问题——这个方法可能会回调多次，会造成js代码的多次注入。
  • 从7.0开始，WebView加载js方式发生了一些小改变，官方建议把js注入的时机放在页面开始加载之后。
  • WebViewClient.onProgressChanged()方法中注入js代码
  • WebViewClient.onProgressChanged()这个方法在dom树渲染的过程中会回调多次，每次都会告诉我们当前加载的进度。
  • 在这个方法中，可以给WebView自定义进度条，类似微信加载网页时的那种进度条
  • 如果在此方法中注入js代码，则需要避免重复注入，需要增强逻辑。可以定义一个boolean值变量控制注入时机
  • 那么有人会问，加载到多少才需要处理js注入逻辑呢？
  • 正是因为这个原因，页面的进度加载到80%的时候，实际上dom树已经渲染得差不多了，表明WebView已经解析了标签，这时候注入一定是成功的。在WebViewClient.onProgressChanged()实现js注入有几个需要注意的地方：
  • 1 上文提到的多次注入控制，使用了boolean值变量控制
  • 2 重新加载一个URL之前，需要重置boolean值变量，让重新加载后的页面再次注入js
  • 3 如果做过本地js，css等缓存，则先判断本地是否存在，若存在则加载本地，否则加载网络js
  • 4 注入的进度阈值可以自由定制，理论上10%-100%都是合理的，不过建议使用了75%到90%之间可以。
3.4 js交互原理分析
  • 01.WebView加载html页面
  • 02.加载WebViewJavascriptBridge.js
  • 03.分析WebViewJavascriptBridge.js
  • 04.页面Html注册”functionInJs”方法
  • 05.“functionInJs”执行结果回传Java
  • 更多内容看wiki

04.问题反馈

  • 4.0.0 WebView进化史介绍
  • 4.0.1 提前初始化WebView必要性
  • 4.0.2 x5加载office资源
  • 4.0.3 WebView播放视频问题
  • 4.0.4 无法获取webView的正确高度
  • 4.0.5 使用scheme协议打开链接风险
  • 4.0.6 如何处理加载错误
  • 4.0.7 webView防止内存泄漏
  • 4.0.8 关于js注入时机修改
  • 4.0.9 视频播放宽度超过屏幕
  • 4.1.0 如何保证js安全性
  • 4.1.1 如何代码开启硬件加速
  • 4.1.2 WebView设置Cookie
  • 4.1.3 开启硬件加速导致的闪烁问题
  • 4.1.4 webView加载网页不显示图片
  • 4.1.5 绕过证书校验漏洞
  • 4.1.6 allowFileAccess漏洞
  • 4.1.7 WebView嵌套ScrollView问题
  • 4.1.8 WebView中图片点击放大
  • 4.1.9 页面滑动期间不渲染/执行
  • 4.2.0 被运营商劫持和注入问题
  • 4.2.1 解决资源加载缓慢问题
  • 4.2.2 判断是否已经滚动到页面底端
  • 4.2.3 使用loadData加载html乱码
  • 4.2.4 WebView下载进度无法监听
  • 4.2.5 webView出现302/303重定向
  • 4.2.6 webView出现302/303白屏
  • 4.2.8 onReceiveError问题
  • 4.2.9 loadUrl在19以上超过2097152个字符失效
  • 4.3.0 WebViewJavascriptBridge: WARNING
  • 4.3.1 Android与js传递数据大小有限制
  • 4.3.2 多次调用callHandler部分回调函数未被调用
  • 4.3.3 字符串转义bug探讨
  • 4.3.8 Javascript调用原生方法会偶现失败
  • 4.3.9 dispatchMessage运行主线程问题
  • 4.4.0 怎么实现WebView免流方案
  • 4.4.1 Channel is unrecoverably broken and will be disposed!
  • 4.4.2 定制js的alert,confirm和prompt对话框
  • 4.4.3 x5长按图片如何操作
  • 4.4 4 x5长按文字内容如何自定义弹窗
  • 4.4.5 webView.goBack()会刷新页面吗
  • 4.4.6 mWebView.scrollTo(0, 0)回顶部失效
  • 4.4.7 部分手机监听滑动顶部或底部失效
  • 4.4.8 prompt的一个坑导致js挂掉
  • 4.4.9 webView背景设置为透明无效探索
  • 4.5.0 如何屏蔽掉WebView中长按事件
  • 4.5.1 WeView出现OOM影响主进程如何避免
  • 4.5.2 WebView域控制不严格漏洞
  • 4.5.3 下载文件时的路径穿越问题
  • 4.5.4 WebView中http和https混合使用问题
  • 4.5.5 调用系统EMAIL发送邮件崩溃
  • 4.5.7 WebView访问部分网页崩溃问题
  • 更多问题反馈内容

05.webView优化

  • 5.0.1 视频全屏播放按返回页面被放大
  • 5.0.2 加快加载webView中的图片资源
  • 5.0.3 自定义加载异常error的状态页面
  • 5.0.4 WebView硬件加速导致页面渲染闪烁
  • 5.0.5 WebView加载证书错误
  • 5.0.6 web音频播放销毁后还有声音
  • 5.0.7 DNS采用和客户端API相同的域名
  • 5.0.8 如何设置白名单操作
  • 5.0.9 后台无法释放js导致发热耗电
  • 5.1.0 可以提前显示加载进度条
  • 5.1.1 WebView密码明文存储漏洞优化
  • 5.1.2 页面关闭后不要执行web中js
  • 5.1.3 WebView + HttpDns优化
  • 5.1.4 如何禁止WebView返回时刷新

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
img
img
img
img
img
img
img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）
img

最后

由于题目很多整理答案的工作量太大，所以仅限于提供知识点，详细的很多问题和参考答案我都整理成了 PDF文件

本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

迎戳这里加入程序员的圈子，让我们一起学习成长！**](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

2401_84103191
关注
  • 25
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android webview input=file 失效解决方案
05-24
android webview input=file 失效解决方案
android安卓源码海量项目合集打包-1
热门推荐
chenhao0568的专栏
06-11 13万+
下载地址 最后更新共计113个分类5177套源码29.2 GB。 卷 新加卷 的文件夹 PATH 列表 卷序列号为 00000200 5E7A:7F30 F:. ├─前台界面 │ ├─3D标签云卡片热门 │ │ Android TagCloudView云标签的灵活运用.rar │ │ Android 实现 标签 拖动 改变位置.rar │ │ android 流式布局和热门标签.zip │ │ ...
Android经典的大牛博客推荐（排名不分先后）！！
wusj的博客
10-17 1万+
Android中文Wiki AndroidStudio-NDK开发-移动开发团队 谦虚的天下 - 博客园 gundumw100博客 - android进阶分类文章列表 - ITeye技术网站 CSDN博文精选：Android系列开发博客资源汇总 - CSDN.NET - CSDN资讯 Android笔记本——半年来的研究笔记,导航。 - 思想实践地 - CSDN博客 【魏祝林】Andr...
Android大牛博客集
攻城狮Luke
04-30 8221
Android中文Wiki AndroidStudio-NDK开发-移动开发团队 谦虚的天下 - 博客园 gundumw100博客 - android进阶分类文章列表 - ITeye技术网站 CSDN博文精选：Android系列开发博客资源汇总 - CSDN.NET - CSDN资讯 Android笔记本——半年来的研究笔记,导航。 - 思想实践地 - CSDN博客 【魏祝林】An
大牛的博客，跟大牛学习
za143567229za的专栏
05-29 5629
今天看到一篇文章，收藏了很多大牛的博客，在这里分享一下（转载于：http://blog.csdn.net/wujxiaoz/article/details/8237096） Android中文Wiki AndroidStudio-NDK开发-移动开发团队谦虚的天下 - 博客园gundumw100博客 - android进阶分类文章列表 - ITeye技术网站CSDN博文精选：Andro
Android WebView 常见问题及处理方案
01-05
但是android的webview默认支持的功能非常弱，很多地方都是需要自定义的，才能达到我们想要的效果。并且webview在不同的版本会有不同程度的bug。下面小编把webview经常出现的问题给大家整理如下： 1.为WebView自定义...
Android中WebView常见问题及解决方案汇总
01-20
Android WebView常见问题解决方案汇总: 就目前而言，如何应对版本的频繁更新呢，又如何灵活多变地展示我们的界面呢,这又涉及到了web app与native app之间孰优孰劣的争论. 于是乎,一种混合型的app诞生了,灵活多变的...
Android开发学习笔记 浅谈WebView
01-05
1.在要Activity中实例化WebView组件：WebView webView = new WebView(this); 2.调用WebView的loadUrl()方法，设置WevView要显示的网页：  互联网用：webView.loadUrl(“http://www.google.com”);  本地文件用：...
浅谈关于Android WebView上传文件的解决方案
08-29
主要介绍了浅谈关于Android WebView上传文件的解决方案 ，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Nacos的开源背景与主要贡献者深度解析
wddblog的博客
05-02 674
在这个过程中，阿里巴巴发现了很多微服务架构中的痛点，如服务的注册和发现、配置的动态更新等。微服务架构作为一种新型的架构模式，通过将应用拆分成一系列小的、独立的服务，实现了服务的解耦和复用，从而提高了应用的可扩展性、灵活性和可维护性。Nacos作为一个由阿里巴巴开源的、面向云原生的动态服务发现、配置和服务管理平台，在微服务架构领域发挥着越来越重要的作用。同时，Nacos的开源模式也为其他企业提供了可借鉴的经验和模式。Nacos的成功不仅在于其强大的功能和灵活的扩展性，更在于其背后的开源文化和协作精神。
仿知乎网站问答源码，开源版
云博客_资源宝分享
05-04 697
仿知乎网站问答源码，开源版
清新优雅、功能强大的后台管理模板 | 开源日报 No.238
开源服务指南
04-29 1004
soybean-admin 是一个基于 Vue3、Vite5、TypeScript、Pinia、NaiveUI 和 UnoCSS 的清新优雅且功能强大的后台管理模板。
分享开放原子AtomGit开源协作平台评测报告
通达的博客
04-28 1498
开放原子开源基金会是致力于推动全球开源事业发展的非营利机构，于 2020 年 6 月在北京成立，由阿里巴巴、百度、华为、浪潮、360、腾讯、招商银行等多家龙头科技企业联合发起。目前有三个主要机构设置，技术监督委员会，外部专家团队，开源安全委员会。 开放原子开源基金会专注于开源项目的推广传播、法务协助、资金支持、技术支撑及开放治理等公益性事业，促进、保护、推广开源软件的发展与应用；致力于推进开源项目、开源生态的繁荣和可持续发展，提升我国对全球开源事业的贡献。
python web开发开源规范
小恒的博客
05-01 1951
恒祝福每一位价值创造者
库存管理系统开源啦
最新发布
scadaadmin的博客
05-04 355
ModernWMS是一个针对小型物流仓储供应链流程的开源库存管理系统。该系统的开发初衷是为了满足中小型企业在有限IT预算下对仓储管理的需求。通过总结多年ERP系统研发经验，项目团队开发了这套适用于中小型企业的系统，以帮助那些有特定需求的用户。
AGI要闻：斯坦福李飞飞首次创业，瞄准“空间智能”；OpenAI下周发布搜索产品挑战谷歌；新的开源 AI 眼镜来了｜钛媒体AGI | 最新快讯
www3300300的专栏
05-04 925
她的专业领域是计算机视觉和认知神经科学。对于这家新的初创公司介绍，一位消息人士提到，上个月，李飞飞在温哥华 TED 大会上演讲中表示，最前沿的 AI 研究涉及一种算法，这种算法可以合理地推断出图像和文字在三维环境中的样子，并根据这些预测采取行动，这种算法使用的概念叫做“空间智能”。让机器狗在瑜伽球上保持平衡是很有挑战的任务，在没有大语言模型之前需要人去调整参数，但现在像 GPT-4 这样的大语言模型，因为本身就具备了丰富的物理知识，所以大语言模型可以代替人类去调整参数，并根据反馈的结果进行推理和参数调整。
【开源设计】京东慢SQL组件：sql-analysis
qq_63691275的博客
05-01 1316
sql-analysis是京东的一个开源慢SQL组件，它让开发人员在开发中就可以进行慢SQL的预防了，而无需等到上线预警时去定位和解决；该组件的实现思想主要就是Mybatis的插件机制对语法解析的拦截，随后进行对应 SQL 的分析 + 规则引擎的匹配和打分，最后去输出获取采集符合慢SQL条件的结果集。
LLM优化：开源星火13B显卡及内存占用优化
MENGERN的专栏
04-28 945
本文主要是针对开源星火13B的显存及内存占用过大的一个代码优化。核心思想是使用CPU预加载模型，再转换至GPU。
如果是Android的Webview需要怎样处理
05-31
对于 Android 上的 WebView，需要特殊处理才能正确监听返回键事件。由于 Android 上的返回键实际上是一个系统级别的按键，而不是浏览器级别的按键，所以需要通过特定的 API 来监听。 可以使用以下代码来监听 Android 上的返回键事件： ```javascript document.addEventListener('keydown', function(event) { if (event.key === 'Backspace' || event.keyCode === 27) { // 按下了返回键或 ESC 键 if (window.history.length > 1) { // 如果浏览器有历史记录，则返回上一页 window.history.back(); } else { // 否则退出 WebView window.close(); } } }); ``` 这段代码会同时监听 `Backspace` 键和 `ESC` 键，因为在一些 Android 设备上，返回键的键码值是 `27`（即 ESC 键）。在代码中，如果浏览器有历史记录，则返回上一页，否则退出 WebView。 需要注意的是，如果在应用中使用 WebView 来加载 HTML 页面，需要在应用代码中将返回键事件传递给 WebView，以便 WebView 可以正确处理返回键事件。可以使用以下代码来实现： ```java @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_BACK && mWebView.canGoBack()) { // 如果 WebView 可以返回，则返回上一页 mWebView.goBack(); return true; } return super.onKeyDown(keyCode, event); } ``` 这段代码会在 Activity 中监听返回键事件，并且如果 WebView 可以返回，则返回上一页。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值