Android_WebView踩坑系列

最新推荐文章于 2024-03-02 13:07:36 发布

来根烟如何

最新推荐文章于 2024-03-02 13:07:36 发布

阅读量1.1k

点赞数

分类专栏：感悟文章标签： android webview

感悟专栏收录该内容

10 篇文章

订阅专栏

WebView是Android系统提供能显示网页的系统控件，它是一个特殊的View，同时它也是一个ViewGroup可以有很多其他子View。在Android 4.4以下(不包含4.4)系统WebView底层实现是采用WebKit(http://www.webkit.org/)内核，而在Android 4.4及其以上Google 采用了chromium(http://www.chromium.org/)作为系统WebView的底层内核支持。在这一变化中Android 提供的WebView相关API并没有发生大变化，在4.4上也兼容低版本的API并且引进了少部分API。这里简单介绍下基于Chromium 的Webview和基于Webkit webview的差异，基于Chromium Webview提供更广的HTML5,CSS3,JavaScript支持，在目前最新Android 系统版本5.0上基于chromium 37，Webview提供绝大多数的HTML5特性支持。Webkit JavaScript引起采用WebCore Javascript 在Android 4.4上换成了V8能直接提升JavaScript性能。另外Chromium 支持远程调试(Chrome DevTools)。

WebKit for WebView VS Chromium for WebView性能比对

Webkit for Webview Chromium for Webview 备注
HTML5 278 434 http://html5test.com/
远程调试不支持支持 Android 4.4及以上支持
内存占用小大相差20-30M左右
WebAudio 不支持支持 Android 5.0及以上支持
WebGL 不支持支持 Android 5.0及以上支持
WebRTC 不支持支持 Android 5.0及以上支持
WebView是一个基于webkit引擎、展现web页面的控件。

所以，Android的Webview在低版本和高版本采用了不同的webkit版本内核，4.4后直接使用了Chrome。
WebView的作用
1、显示和渲染Web页面
2、直接使用html文件（网络上或本地assets中）作布局
3、可和JavaScript交互调用
WebView控件功能强大，除了具有一般View的属性和设置外，还可以对url请求、页面加载、渲染、页面交互进行强大的处理。
Webview的最常用的子类（WebSettings类、WebViewClient类、WebChromeClient类)
—————————————-WebView加载不同url的方式———————-
加载方式根据资源分为三种
//方式1. 加载一个网页：
webView.loadUrl(“http://www.google.com/“);
//方式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：字节码
——————————–WebView的状态——————————————–
//激活WebView为活跃状态，能正常执行网页的响应
webView.onResume() ；
//当页面被失去焦点被切换到后台不可见状态，需要执行onPause
//通过onPause动作通知内核暂停所有的动作，比如DOM的解析、plugin的执行、JavaScript执行。
webView.onPause()；
//当应用程序(存在webview)被切换到后台时，这个方法不仅仅针对当前的webview而是全局的全应用程序的webview
//它会暂停所有webview的layout，parsing，javascripttimer。降低CPU功耗。
webView.pauseTimers()
//恢复pauseTimers状态
webView.resumeTimers()；
//销毁Webview
//在关闭了Activity时，如果Webview的音乐或视频，还在播放。就必须销毁Webview
//但是注意：webview调用destory时,webview仍绑定在Activity上
//这是由于自定义webview构建时传入了该Activity的context对象
//因此需要先从父容器中移除webview,然后再销毁webview:
rootLayout.removeView(webView);
webView.destroy();
———————————————前进后退网页————————————–
//是否可以后退
Webview.canGoBack()
//后退网页
Webview.goBack()
//是否可以前进
Webview.canGoForward()
//前进网页
Webview.goForward()
//以当前的index为起始点前进或者后退到历史记录中指定的steps
//如果steps为负数则为后退，正数则为前进
Webview.goBackOrForward(intsteps)

常见用法：Back键控制网页后退
问题：在不做任何处理前提下，浏览网页时点击系统的“Back”键,整个 Browser 会调用 finish()而结束自身
目标：点击返回后，是网页回退而不是推出浏览器
解决方案：在当前Activity中处理并消费掉该 Back 事件

 public boolean onKeyDown(int keyCode, KeyEvent event) {
      if ((keyCode == KEYCODE_BACK) && mWebView.canGoBack()) { 
          mWebView.goBack();
          return true;
      }
      return super.onKeyDown(keyCode, event);
    }

———————————–清除webView缓存的方式—————————————
//清除网页访问留下的缓存
//由于内核缓存是全局的因此这个方法不仅仅针对webview而是针对整个应用程序.
Webview.clearCache(true);
//清除当前webview访问的历史记录
//只会webview访问历史记录里的所有记录除了当前访问记录
Webview.clearHistory()；
//这个api仅仅清除自动完成填充的表单数据，并不会清除WebView存储到本地的数据
Webview.clearFormData()；
———————————–WebSettings—————————————————–
//声明WebSettings子类
WebSettings webSettings = webView.getSettings();
//如果访问的页面中要与Javascript交互，则webview必须设置支持Javascript
webSettings.setJavaScriptEnabled(true);
// 若加载的 html 里有JS 在执行动画等操作，会造成资源浪费（CPU、电量）
// 在 onStop 和 onResume 里分别把 setJavaScriptEnabled() 给设置成 false 和 true 即可
//支持插件
webSettings.setPluginsEnabled(true);
//设置自适应屏幕，两者合用
webSettings.setUseWideViewPort(true); //将图片调整到适合webview的大小
webSettings.setLoadWithOverviewMode(true); // 缩放至屏幕的大小
//缩放操作
webSettings.setSupportZoom(true); //支持缩放，默认为true。是下面那个的前提。
webSettings.setBuiltInZoomControls(true); //设置内置的缩放控件。若为false，则该WebView不可缩放
webSettings.setDisplayZoomControls(false); //隐藏原生的缩放控件
//其他细节操作
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); //关闭webview中缓存
webSettings.setAllowFileAccess(true); //设置可以访问文件
webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口
webSettings.setLoadsImagesAutomatically(true); //支持自动加载图片
webSettings.setDefaultTextEncodingName(“utf-8”);//设置编码格式
WebView的缓存问题
当加载 html 页面时，WebView会在/data/data/包名目录下生成 database 与 cache 两个文件夹
请求的 URL记录保存在 WebViewCache.db，而 URL的内容是保存在 WebViewCache 文件夹下
是否启用缓存：

//优先使用缓存: WebView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); 
//缓存模式如下： 
//LOAD_CACHE_ONLY: 不使用网络，只读取本地缓存数据 
//LOAD_DEFAULT: （默认）根据cache-control决定是否从网络上取数据。 //LOAD_NO_CACHE: 不使用缓存，只从网络获取数据. 
//LOAD_CACHE_ELSE_NETWORK，只要本地有，无论是否过期，或者no-cache，都使用缓存中的数据。 
//不使用缓存: WebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);

结合使用

if(NetStatusUtil.isConnected(getApplicationContext())){         webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);//根据cache-control决定是否从网络上取数据。 } else { webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//没网，则从本地获取，即离线加载 } 
 webSettings.setDomStorageEnabled(true); // 开启 DOM storage API 功能              webSettings.setDatabaseEnabled(true); //开启 database storage API 功能  webSettings.setAppCacheEnabled(true);//开启 Application Caches 功能 String  cacheDirPath = getFilesDir().getAbsolutePath() + APP_CACAHE_DIRNAME;  webSettings.setAppCachePath(cacheDirPath); //设置  Application Caches 缓存目录
注意： 每个 Application 只调用一次 WebSettings.setAppCachePath()，WebSettings.setAppCacheMaxSize()