你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

Android WebView:这是一份 详细 易懂的WebView学习攻略(含与JS交互

2021-11-19 12:52:56
  • 那么这种该如何实现呢?其实这是Android里一个叫WebView组件实现

  • 今天,我将献上一份全面 & 详细的 WebView攻略,含具体介绍、使用教程、与前端JS交互、缓存机制构建等等,希望您们会喜欢。


目录

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Vxzi6ehz-1637297064796)(https://user-gold-cdn.xitu.io/2018/5/21/163807ca2bca9771?imageView2/0/w/1280/h/960/ignore-error/1)]


1. 简介

一个基于webkit引擎、展现web页面的控件

a. Android 4.4前:Android Webview在低版本 & 高版本采用了不同的webkit版本的内核 b. Android 4.4后:直接使用了Chrome内核


2. 作用

  • Android 客户端上加载h5页面
  • 在本地 与 h5页面实现交互 & 调用
  • 其他:对 url 请求、页面加载、渲染、对话框 进行额外处理。

3. 具体使用

  • Webview的使用主要包括:Webview类 及其 工具类(WebSettings类、WebViewClient类、WebChromeClient类)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pe8B63CK-1637297064811)(https://user-gold-cdn.xitu.io/2018/5/21/163807ca2dcc387f?imageView2/0/w/1280/h/960/ignore-error/1)]

  • 下面我将详细介绍上述4个使用类 & 使用方法
  • 具体请看文章:Android开发:最全面、最易懂的Webview详解

4. WebView与 JS 的交互方式

  • Android WebView的使用中,与前端h5页面交互的需求十分常见
  • AndroidJS 通过WebView互相调用方法,实际上是:Android 去调用JS的代码 + JS去调用Android的代码

二者沟通的桥梁是WebView

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-m4noaSmQ-1637297064812)(https://user-gold-cdn.xitu.io/2018/5/21/163807ca2bd793ea?imageView2/0/w/1280/h/960/ignore-error/1)]

  • 具体介绍请看文章:Android:你要的WebView与 JS 交互方式 都在这里了

5. 使用漏洞

  • WebView 使用过程中存在许多漏洞,容易造成用户数据泄露等等危险,而很多人往往会忽视这个问题
  • WebView中,主要漏洞有3类:任意代码执行漏洞、密码明文存储漏洞、域控制不严格漏洞
  • 漏洞具体介绍 & 修复方式请看文章: Android:你不知道的 WebView 使用漏洞

6. 缓存机制构建

  • Android WebView由于前端h5本身的原因,存在加载效率慢 & 流量耗费的性能问题,具体介绍如下:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HtaNsjAw-1637297064813)(https://user-gold-cdn.xitu.io/2018/5/21/163807ca2bb18da2?imageView2/0/w/1280/h/960/ignore-error/1)]

  • 本文通过 H5缓存机制 + 资源预加载 + 资源拦截的方式 构建了一套WebView缓存机制,从而解决Android WebView的性能问题,最终提高用户使用体验
  • 具体缓存机制的讲解请看文章:[手

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

开源分享完整内容戳这里

把手教你构建 Android WebView 的缓存机制 & 资源预加载方案]( )

至此,关于Android WebView的所有知识讲解完毕。


你构建 Android WebView 的缓存机制 & 资源预加载方案]( )

至此,关于Android WebView的所有知识讲解完毕。