Android Web-View：将本地Javascript文件注入到远程网页

Z时代
2024-01-10
分类：问答

之前已经被问过很多遍了，我浏览了所有内容，但还没有明确的答案。

问题简化：是否可以将本地Javascript文件（从资产或存储）注入到Android Web

View中加载的远程网页？我知道可以将此类文件注入Web视图中加载的本地网页（资产HTML）。

为什么我需要这个来工作？：通过避免每次都下载较大的文件（例如Js和CSS文件）来提高浏览体验的速度。我想避免Web视图缓存。

回答：

有一种方法可以“强制”从本地资产（例如，assets/js/script.js）中注入本地Javascript文件，并规避“不允许加载本地资源”：file：/// android_assets / js/script.js …’问题。

webview-loading-javascript-file-in-assets-folder)）中描述的内容，并带有其他BASE64编码/解码，用于将Javascript文件表示为可打印的字符串。

我正在使用Android 4.4.2，API级别19虚拟设备。

以下是一些代码片段：

[assets / js / script.js]：

    'use strict';
    function test() {
       // ... do something
    }
    // more Javascript

[MainActivity.java]：

    ...
    WebView myWebView = (WebView) findViewById(R.id.webView);
    WebSettings webSettings = myWebView.getSettings();
    webSettings.setJavaScriptEnabled(true);
    webSettings.setAllowUniversalAccessFromFileURLs(true);
    myWebView.setWebViewClient(new WebViewClient() {
       @Override
       public boolean shouldOverrideUrlLoading(WebView view, String url) {
          return false;
       }
       @Override
       public void onPageFinished(WebView view, String url) {
          super.onPageFinished(view, url);
          injectScriptFile(view, "js/script.js"); // see below ...
          // test if the script was loaded
          view.loadUrl("javascript:setTimeout(test(), 500)");
       }
       private void injectScriptFile(WebView view, String scriptFile) {
          InputStream input;
          try {
             input = getAssets().open(scriptFile);
             byte[] buffer = new byte[input.available()];
             input.read(buffer);
             input.close();
             // String-ify the script byte-array using BASE64 encoding !!!
             String encoded = Base64.encodeToString(buffer, Base64.NO_WRAP);
             view.loadUrl("javascript:(function() {" +
                          "var parent = document.getElementsByTagName('head').item(0);" +
                          "var script = document.createElement('script');" +
                          "script.type = 'text/javascript';" +
             // Tell the browser to BASE64-decode the string into your script !!!
                          "script.innerHTML = window.atob('" + encoded + "');" +
                          "parent.appendChild(script)" +
                          "})()");
          } catch (IOException e) {
             // TODO Auto-generated catch block
             e.printStackTrace();
          }
       }
    });
    myWebView.loadUrl("http://www.example.com");
    ...