WebView、X5WebView技术点汇总

以下为Android使用x5webview过程中遇到的问题及解决办法：
1.内存优化
webview动态加载，页面销毁时释放webview

2.签名后的apk无法与js交互

代码混淆文件添加js监听方法名

3.无法播放视频

app项目中，设置了userAgent为"xxxapp_android"，去掉原有的userAgent字符串就会导致视频无法播放，解决方法为获取userAgent字符串之后，拼接"/"+xxxapp_android

4.无法加载第三方网站

此第三方网站需依赖dom，设置webview支持dom :
webview.getSettings().setDomStorageEnabled(true)

5.webview与swiprefreshLayout冲突

监听webview滑动事件 onScrollChangedListener，webview滚动到屏幕顶端，swiprefreshlayout设置为可用，其余设置为不可用。webview滚动顶端webView.getScrollY()==0

6.将我们浏览过的网页文件(css、图片、js等)保存到数据库表中,WebView缓存

如果设置了缓存，系统会默认生成两份缓存文件：webview.db和webviewCache.db。至于路径就要自己设置了，用系统默认路径不好找到。
缓存模式(5种)
1. LOAD_CACHE_ONLY: 不使用网络，只读取本地缓存数据
2. LOAD_DEFAULT: 根据cache-control决定是否从网络上取数据。
3. LOAD_CACHE_NORMAL: API level 17中已经废弃, 从API level 11开始作用同LOAD_DEFAULT模式
4. LOAD_NO_CACHE: 不使用缓存，只从网络获取数据.
5. LOAD_CACHE_ELSE_NETWORK，只要本地有，无论是否过期，或者no-cache，都使用缓存中的数据。
建议的缓存策略：
判断是否有网络，有的话，使用LOAD_DEFAULT，无网络时，使用LOAD_CACHE_ELSE_NETWORK。

/**
 * 设置WebView 缓存模式
 */
public class test {

    private WebView mWebView;
    private static final String APP_CACAHE_DIRNAME = "/data/data/package_name/cache/webviewCache";

    private void initWebView() {
        //设置支持js
        mWebView.getSettings().setJavaScriptEnabled(true);
        //设置渲染效果优先级，高
        mWebView.getSettings().setRenderPriority(WebSettings.RenderPriority.HIGH);
        //设置缓存模式
        mWebView.getSettings().setCacheMode(WebSettings.LOAD_DEFAULT);
        String cacheDirPath = APP_CACAHE_DIRNAME;
        //设置数据库缓存路径
        mWebView.getSettings().setDatabasePath(cacheDirPath);
        //设置 应用 缓存目录
        mWebView.getSettings().setAppCachePath(cacheDirPath);
        //开启 DOM 存储功能
        mWebView.getSettings().setDomStorageEnabled(true);
        //开启 数据库 存储功能
        mWebView.getSettings().setDatabaseEnabled(true);
        //开启 应用缓存 功能
        mWebView.getSettings().setAppCacheEnabled(true);
    }
}

7.清webview缓存

/**
     * 清除WebView缓存
     */
    public void clearWebViewCache() {
        /**清理Webview缓存数据库，缓存文件由程序自动生成
         * /data/data/package_name/database/webview.db
         * /data/data/package_name/database/webviewCache.db
         **/
        try {
            //因为他们都是文件，所以可以用io方式删除，具体方法可以自己写
            deleteDatabase("webview.db");
            deleteDatabase("webviewCache.db");
        } catch (Exception e) {
            e.printStackTrace();
        }
        //WebView 缓存文件
        File webviewCacheDir = new File(APP_CACAHE_DIRNAME);
        //删除webview 缓存目录
        if (webviewCacheDir.exists()) {
            //具体的方法自己写
            deleteFile(webviewCacheDir);
        }
    }

WebView、X5WebView技术点汇总

猜你喜欢