安卓webview加载网页实现网页翻译

前言

说下应用场景，最近安卓要加载一些第三方网站进行用户的开放使用，这些第三方网站基本都是全英文的外国网站，于是产品需求希望能对网站进行中文翻译，类似pc浏览器的谷歌翻译网页

使用步骤

1.注入脚本

代码如下（示例）：

1.  
   private void translateWeb() {
2.  
   String javaScript = "javascript:function appendScrip() {"
3.  
   "var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.src= 'https://res.zvo.cn/translate/translate.js'; head.appendChild(script);"
4.  
   "}"
5.  
   "appendScrip();";
6.  
   bwvContent.evaluateJavascript(javaScript, new ValueCallback<String>() {
7.  
   @Override
8.  
   public void onReceiveValue(String s) {
9.  
   MyLogUtils.e("javaScript.onReceiveValue:" s);
10.  
    bwvContent.postDelayed(new Runnable() {
11.  
    @Override
12.  
    public void run() {
13.  
    if (bwvContent==null) {
14.  
    return;
15.  
    }
16.  
    String javaScript2 = "javascript:function startTranslate() {"
17.  
    "translate.localLanguage='zh-CN';translate.selectLanguageTag.show = false;translate.executeByLocalLanguage();"
18.  
    "}"
19.  
    "startTranslate();";
20.  
    bwvContent.evaluateJavascript(javaScript2, new ValueCallback<String>() {
21.  
    @Override
22.  
    public void onReceiveValue(String s) {
23.  
    MyLogUtils.e("javaScript2.onReceiveValue:" s);
24.  
    }
25.  
    });
26.  
    }
27.  
    }, 500);
28.  
    }
29.  
    });
30.  
    }

 注意点

1.这里的bwvContent用的是腾讯的webview，在执行注入脚本的时候用的evaluateJavascript方法，原生webview如果没有的话用loadurl也可

2.第一段脚本注入和第二段脚本注入加了个500ms的延时操作，因为实测过程中，连续执行的情况下容易没能顺利进行翻译，所以加了个500ms加高成功率，可自行调试测试

3.该方法的注入，选择时机放在了onProgressChanged回调里，当加载进度progress==100时，进行延时1000ms后执行该方法做自动网页翻译，或者由用户手动点击翻译按钮的时候调用，时机的选择自行调试

使用的注入脚本的相关链接：网页多语言翻译 js v1.2，更新翻译接口 - OSCHINA - 中文开源技术交流社区

总结

整体效果还是比较流畅，使用也是比较简单，这里我做的是翻译为中文，根据需要将zh-CN换en等语言便可，甚至自己拓展切换按钮等

这篇好文章是转载于：编程之路