android webview總結

時間 2019-12-04

標籤 android webview 總結欄目 Android 简体版

原文原文鏈接

如何基於使用現狀改造:

1 日誌和線上監測:

fiddler抓包,chrome Devtools, stecho inspect 注意:chrome Devtools會影響/接管webview自己緩存javascript

線上監測指標:html

首屏時間: 從外層activity oncreate到webview onFinish回調
webview內頁面切換時間: onstart到onfinish
dns解析異常,網絡鏈接失敗,404,50x的上報和統計
緩存目錄大小和命中率

2 配備經常使用的調用android原生的功能

拍照/選圖->裁剪->壓縮--->上傳(結合具體項目),返回本地文件路徑或者上傳好的圖片url
app裏已經模塊化的自定義拍照功能/人臉檢測功能
定位功能模塊,涵蓋獲取gps,geodecode,乃至轉成本身後臺的cityId之類的
獲取deviceId,uid,userdetail,token,國家,語言等基礎業務功能
打開,關閉整個activity
跳到app內其餘頁面(通用跳轉能力).
跳到其餘app
登陸
分享
撥打電話,以及調用系統其餘功能等
日誌上報功能
操控toolbar/titlebar和狀態欄,全屏等

須要處理的

進度條
錯誤頁面: 收到404,50x,以及網絡鏈接失敗時加載本地html,以優化體驗
https
cookie同步
js調native後與activity的通知: 須要將其移到單獨一個類中統一管理
webview內存泄漏問題

加載速度優化

離線包
底層灰度+平滑地切換到VasSonic
緩存路徑自定義和大小自定義
強制緩存

安全

debugable:根據app的debugable來設定
js注入攻擊防範:3個接口的移除

對於Android調用JS代碼的方法有2種,綜合使用:

1.經過WebView的loadUrl（）
2.經過WebView的evaluateJavascript（）

public static void runJsFunc(WebView webView,String funcName,@Nullable ValueCallback<String> callback, Object... params){
        if(TextUtils.isEmpty(funcName)){
            return;
        }

        if(webView == null){
            return;
        }
        StringBuilder builder = new StringBuilder(funcName);
        builder.append("(");
        if(params != null && params.length >0){
            int len = params.length;
            for (int i = 0; i<len; i++){
                Object param = params[i];
                String str = "";
                if(param != null){
                    if(param instanceof String){
                        str = "\""+param.toString()+"\"";
                    }else {
                        str = param.toString();
                    }
                }
                builder.append(str);
                if(i != len-1){
                    builder.append(",");
                }
            }
        }
        builder.append(")");
        String jsFunc = builder.toString();
        XLogUtil.d("jsFunc:"+jsFunc);

        webView.post(() -> {
            if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){
                //4.4版本以上，調用帶返回值js方法
                webView.evaluateJavascript(jsFunc, new ValueCallback<String>() {
                    @Override
                    public void onReceiveValue(String value) {
                        XLogUtil.d("jsFunc :"+jsFunc +",onReceiveValue:"+value);
                        if(callback != null){
                            callback.onReceiveValue(value);
                        }
                    }
                });
            }else {
                webView.loadUrl("javascript:" + jsFunc);
            }
        });
    }
複製代碼

JS調用Android代碼的方法有3種：通常用第一種

1.經過WebView的addJavascriptInterface（）進行對象映射
2.經過 WebViewClient 的shouldOverrideUrlLoading ()方法回調攔截 url
3.經過 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回調攔截JS對話框alert()、confirm()、prompt（）消息

注意: js調用android時的安全性(addJavascriptInterface):java

public static void keepsafe(WebView webView,boolean debugable){
        if (Build.VERSION.SDK_INT > 10 &&Build.VERSION.SDK_INT < 17) {
            webView.removeJavascriptInterface("searchBoxJavaBridge_");
        }
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            WebView.setWebContentsDebuggingEnabled(debugable);
        }
    }
複製代碼