Android：如何将本地JavaScript文件加载到WebView

我正在尝试编写一个简单的toast程序。当我尝试在HTML内添加脚本时，它运行并能够看到toast。但是，当我将相同的script代码放在assert文件夹（script.js）下的单独文件中时，它无法注入javascript。Android：如何将本地JavaScript文件加载到WebView

我支持API 15及以上版本。

这里是代码，我试图注入script。

myWebView = (WebView) findViewById(R.id.webviewid); 

    myWebView.loadDataWithBaseURL("file:///android_asset/", 
      "<html>" + 
      "<head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\">" + 
      "<style type=\"text/css\">\n" + 
      "@font-face {\n" + 
      " font-family: MyFont;\n" + 
      " src: url(\"file:///android_asset/fonts/myfont.ttf\")\n" + 
      "}\n" + 
      "body {\n" + 
      " font-family: MyFont;\n" + 
      " font-size: medium;\n" + 
      " text-align: justify;\n" + 
      "}\n" + 
      "</style>" + 
      "</head>" + 
      "<body>" + 
      "<input type=\"button\" value=\"Say hello\" onClick=\"showAndroidToast('Hello Android!')\" />" + 
      "<script type=\"text/javascript\" src=\"file:///android_asset/www/js/script.js\"/>" + 
      "</body>" + 
      "</html>", "text/html", "UTF-8", null); 
    WebSettings webSettings = myWebView.getSettings(); 
    webSettings.setJavaScriptEnabled(true); 
    myWebView.addJavascriptInterface(new WebAppInterface(this), "Android"); 
    myWebView.setWebViewClient(new MyWebViewClient());

这是我的javascript代码。（的script.js）

function showAndroidToast(toast) { 
     Android.showToast(toast); 
    };

这里是我Javascript接口：

protected class WebAppInterface { 
     Context mContext; 

     /** Instantiate the interface and set the context */ 
     WebAppInterface(Context c) { 
      mContext = c; 
     } 

     /** Show a toast from the web page */ 
     @JavascriptInterface 
     public void showToast(String toast) { 
      Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show(); 
     } 
    }

我怎么能注入javascript文件？任何帮助表示赞赏。

我的项目结构是这样的：

--- 
     | 
     ---- App 
      | 
      -----src 
       | 
       -----main 
        | 
        ------asserts 
        |  | 
        |  ------fonts 
        |  | 
        |  ------www 
        |  |  | 
        |  |  ------js 
        |  |   | 
        |  |   ------script.js 
        | 
        ------java 
        | 
        ------res

猫日志显示：

E/Web Console﹕ Uncaught ReferenceError: showAndroidToast is not defined:13

来源

2014-09-24 User12111111

由于您使用的是web视图中显示的数据，你可以把它上传到服务器，甚至Dropbox，然后用URL导入连接它？

来源

2014-09-24 13:46:49

这是最坏的情况......但我试图注入脚本，这与互联网连接工作。 – User12111111 2014-09-24 13:50:27

您是否正在检查系统是否获取脚本并且没有将其返回空白或者它在源文件夹中找不到它 – 2014-09-24 13:52:05

这就是它的原因，它没有加载脚本 – User12111111 2014-09-24 13:53:31

我跟着这个网站给出的样本，它的工作。

Link

来源

2014-10-15 06:18:25 User12111111

Android：如何将本地JavaScript文件加载到WebView

回答

相关问题