前言
-
现在很多
App
里都内置了Web网页(Hybrid App
),比如说很多电商平台,淘宝、京东、聚划算等等,如下图
那么这种该如何实现呢?其实这是
Android
里一个叫WebView
组件实现今天,我将献上一份全面 & 详细的
WebView
攻略,含具体介绍、使用教程、与前端JS
交互、缓存机制构建等等,希望您们会喜欢。
Carson带你学WebView系列文章
Carson带你学Android:这是一份全面&详细的WebView学习攻略
Carson带你学Android:最全面、最易懂的Webview使用详解
Carson带你学Android:全面总结WebView与 JS 的交互方式
Carson带你学Android:手把手构建WebView缓存机制及资源预加载方案
Carson带你学Android:盘点你不知道的WebView漏洞
目录
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
类)
- 下面我将详细介绍上述4个使用类 & 使用方法
- 具体请看文章:Carson带你学Android:最全面、最易懂的Webview使用详解
4. WebView与 JS 的交互方式
- 在
Android WebView
的使用中,与前端h5
页面交互的需求十分常见 -
Android
与JS
通过WebView互相调用方法,实际上是:Android
去调用JS
的代码 +JS
去调用Android
的代码
二者沟通的桥梁是
WebView
5. 使用漏洞
-
WebView
使用过程中存在许多漏洞,容易造成用户数据泄露等等危险,而很多人往往会忽视这个问题 -
WebView
中,主要漏洞有3类:任意代码执行漏洞、密码明文存储漏洞、域控制不严格漏洞 - 漏洞具体介绍 & 修复方式请看文章:Carson带你学Android:盘点你不知道的WebView漏洞
6. 缓存机制构建
-
Android WebView
由于前端h5
本身的原因,存在加载效率慢 & 流量耗费的性能问题,具体介绍如下:
- 本文通过
H5
缓存机制 + 资源预加载 + 资源拦截的方式 构建了一套WebView
缓存机制,从而解决Android WebView
的性能问题,最终提高用户使用体验 - 具体缓存机制的讲解请看文章:Carson带你学Android:手把手构建WebView缓存机制及资源预加载方案
至此,关于Android WebView
的所有知识讲解完毕。
7. 总结
- 本文全面讲解了
WebView
的相关知识,含具体介绍、使用教程、与前端JS
交互、缓存机制构建等等,相信你对Android WebView
的使用已经非常熟悉了。 -
Carson带你学WebView系列文章
Carson带你学Android:这是一份全面&详细的WebView学习攻略
Carson带你学Android:最全面、最易懂的Webview使用详解
Carson带你学Android:全面总结WebView与 JS 的交互方式
Carson带你学Android:手把手构建WebView缓存机制及资源预加载方案
Carson带你学Android:盘点你不知道的WebView漏洞
欢迎关注Carson_Ho的简书
不定期分享关于安卓开发的干货,追求短、平、快,但却不缺深度。