WebView

Qter

ndoid 平台，SDK 中有一个控件叫 WebView；

IOS/MacOS 平台，SDK 中有一个控件叫 WebView/UIWebView/WKWebView(UIView/NSView)；

这些控件，用于移动端 APP 嵌入(Embed) Web 技术，加载 Web 内容；基于 Webkit 引擎；

一 WebView到底是什么

　   1 WebView是一种控件，它基于webkit引擎，因此具备渲染Web页面的功能。　　

　　2 基于Webview的混合开发，就是在 Anddroid os(安卓)/I os(苹果)原生APP里，通过WebView控件嵌入Web页面。

　　你手机里有淘宝软件吧？
　　就是外边是个原生APP的壳，内容是H5页面(基于html+css+js的Web页面)。

　　包括淘宝app，阿里云app（笔者目前做阿里云app组件库的开发）等等在内，现在的移动端混合开发软件，如果对于交互渲染要求不是特别高的项目，基本都是这么玩的。

     3

webview与H5是相辅相成的，webview可以理解为我们手机上内嵌的一种浏览器，可以加载一些网页的页面，而H5可以理解成是html5，html5可以简单的理解成它是html的一种技术，webview可以加载html5

二、Webview常用方法

1、加载URL

可以根据资源分为三种:

//方式1. 加载一个网页：
webView.loadUrl(“百度一下，你就知道“);

//方式2：加载apk包中的html页面
webView.loadUrl(“file:///android_asset/test.html”);

//方式3：加载手机本地的html页面
webView.loadUrl(“content://com.android.htmlfileprovider/sdcard/test.html”);

// 方式4： 加载 HTML 页面的一小段内容
WebView.loadData(String data, String mimeType, String encoding)
// 参数说明：
// 参数1：需要截取展示的内容
// 内容里不能出现 ’#’, ‘%’, ‘\’ , ‘?’ 这四个字符，若出现了需用 %23, %25, %27, %3f 对应来替代，否则会出现异常
// 参数2：展示内容的类型
// 参数3：字节码