WebView中實現延遲加載，圖片點擊時才加載。

        　　String newHtml = html + 
                    "<script type=\"text/javascript\">" +
                        "(function (){"+
                            "var imageList = document.getElementsByTagName(\"img\");"+
                            "for(var i=0; i<imageList.length; i++){"+
                                "var image = imageList[i];"+
                                "image.href = image.src;"+
                                "image.src = \"content://com.example.demo/res/def.jpg\";"+
                                "image.alt = \"點擊加載圖片\";"+
                                "image.onclick = function(){"+
                                    "this.src = this.href;" +
                                    "return false;"+
                                "}"+
                            "}"+
                        "}());"+
                    "</script>";
17　　　　　　　　mWebView.getSettings().setJavaScriptEnabled(true);
18　　　　　　　　mWebView.loadData(newHtml, "text/html; charset=UTF-8", null);

以上的代碼是在獲取到的html頁面后面添加一個自動執行的js函數，把所有圖片標簽的地址替換為一個占位圖，當圖片被點擊時再加載真實的圖片。
要加載應用自帶的圖片，我們可以用ContentProvider來實現。在com.example.demo.provider包目錄下創建一個ContentProvider，重寫openAssetFile方法來獲取Assets文件夾里的占位圖，然后在AndroidManifest.xml里注冊ContentProvider。

　　@Override
    public AssetFileDescriptor openAssetFile(Uri uri, String mode)
            throws FileNotFoundException {
        String fileName = uri.getLastPathSegment();
        try {
            return getContext().getAssets().openFd(fileName);
        } catch (IOException e) {
            e.printStackTrace();
            return super.openAssetFile(uri, mode);
        }
    }

 

　　　　<provider 
            android:name="com.example.demo.database.ImageContentProvider"
            android:authorities="com.example.demo" />

但是這個方法只能用在Android4.4以下的版本，4.4以后的版本換了WebView的內核后這個辦法就無效了。所以我們可以用WebViewClient中一個API11開始提供的一個接口shouldInterceptRequest來實現攔截。

　　　　public WebResourceResponse shouldInterceptRequest(WebView view,
                String url) {
            WebResourceResponse response = null;
            if (url.contains("def.jpg")) {
                try {
                    InputStream image = getAssets().open("def.jpg");
                    response = new WebResourceResponse("image/jpeg", "UTF-8", image);
                } catch (IOException e) {
                    e.printStackTrace();
                }        
            }
            return response;
        }

最省事的話就是隨便找個雲儲存，自己上傳一張圖片到上面。然后用這張圖片的URL作為占位圖，反正WebView會自動緩存數據，所以這張圖片只會讀取一次。