Android WebView的使用（三）js、java代码调用出错

最新推荐文章于 2021-02-16 12:03:24 发布

宇宙无敌超级罗

最新推荐文章于 2021-02-16 12:03:24 发布

阅读量6.5k

点赞数

分类专栏： Android 文章标签： webview Android js

本文链接：https://blog.csdn.net/u010057266/article/details/40512389

版权

Android 专栏收录该内容

28 篇文章 1 订阅

订阅专栏

最近在学习Android WebView的使用，期间遇到一些Bug，总结在此。

1.JS调用JAVA代码时报错，log如下：

10-27 07:30:23.411: I/chromium(5437): [INFO:CONSOLE(49)] "Uncaught TypeError: Object [object Object] has no method 'initST'", source: file:///android_asset/www/index.html (49)

这个问题是因为use-sdk中配置android:targetSdkVersion大于17时，js不能调用到java代码。

解决办法：

（1）.修改android:targetSdkVersion="10"，小于17就行，这个只能为一时的解决方案，

（2）.android:targetSdkVersion大于17时，需要在js调用的java代码上方加上JavascriptInterface的注解（即@JavascriptInterface），同时，在混淆代码时，注意不要混淆JavascriptInterface的注解，否则也会出现js不能调用java代码的情况发生。（-keep attributes *Annotation*）

-keepclassmembers class cn.xx.xx.Activity$AppAndroid {  
  public *;  
}  
  
-keepattributes *Annotation*  
-keepattributes *JavascriptInterface*

final class DemoJavaScriptInterface {

        DemoJavaScriptInterface() {
        }

        @JavascriptInterface
        public void initST(final String str) {
            mHandler.post(new Runnable() {
                public void run() {
                	
                }
            });

        }

    }

2. JAVA调用JS代码时报错，log如下：

10-27 07:52:04.601: I/chromium(5638): [INFO:CONSOLE(1)] "Uncaught ReferenceError: wave is not defined", source: file:///android_asset/www/index.html (1)
10-27 07:52:04.621: I/chromium(5638): [INFO:CONSOLE(1)] "Uncaught ReferenceError: test is not defined", source: file:///android_asset/www/index.html (1)

在调用wave()和test()时报错，我的程序报错的原因是在JS代码里面有语法错误，例如代码里面有“中文的；”等等，但是要注意的是，当其中一个JS函数（如wave()）有语法错误时，Java调用与wave()在同一个JS文件下的其他函数（如 test()）也会报同样的错误。