android webview 替换网页文字和图片

android webview 替换网页文字和图片

需求：

在android的webview里面，替换里面的部分文字和某些图片

效果图：

替换前：

替换后：

思路：

在网页加载完成以后，调用注入js，替换文字和图片

代码：

1、在webview对象的加载完成的监听里面调用替换方法:

wvShow.setWebViewClient(new WebViewClient() {        @Overridepublic void onPageFinished(WebView view, String url) {PageFinished(view, url);replace();//替换网页里面的文字}});

2、调用js替换代码：

    //替换网页内容和图片private void replace() {//替换内容wvShow.loadUrl("javascript:(function() { " + &#ElementsByTagName('body')[0].innerHTML = ElementsByTagName('body')[0].place('酒水饮料', '移动开发');  })()");//替换图片wvShow.loadUrl("javascript:(function() { " + &#ElementsByTagName('body')[0].innerHTML = ElementsByTagName('body')[0].place('.jpg','=655260795,2787721540&fm=26&gp=0.jpg');  })()");//弹框测试//wvShow.loadUrl("javascript:(function() { " + "alert('aaa'); })()");}

不过，这个会出现一个问题，图片替换会很慢，因为是第二次下载。如果是局替换，则看不出来。