Android WebView中H5调用Android原生方法

LW帝国余辉

已于 2023-01-16 09:38:30 修改

阅读量2.4k

点赞数 1

分类专栏： Android 文章标签： android webview java

于 2023-01-15 16:17:45 首次发布

本文链接：https://blog.youkuaiyun.com/lw1389074/article/details/128695244

版权

Android 专栏收录该内容

10 篇文章

订阅专栏

在Android项目中，使用webView加载网页并与网页进行交互，可以通过设置UserAgent和添加JavaScriptInterface来实现。在Java类中定义带@JavascriptInterface注解的方法，然后在H5页面通过window.Android调用这些方法，例如打开图片。关键在于JavaScriptInterface对象的命名和H5调用的名称需保持一致，否则会导致调用失败。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做项目，使用webView看一些网页，和网页开发一起找什么方法进行交互，还好解决，分享一下经验。

对于webView的使用就不写了，百度大法好，主要是交互方面，对WebView增加以下代码：

binding.webView.getSettings().setUserAgentString("Android");
binding.webView.addJavascriptInterface(new JavascriptInterface(this), "Android");

新建类，并对类的方法声明 @android.webkit.JavascriptInterface ，方法就是我们自己的操作了。

public class JavascriptInterface {
    private Context context;

    public JavascriptInterface(Context context) {
        this.context = context;
    }

    @android.webkit.JavascriptInterface
    public void openImage(String img) {
        Log.i("---------------->", img + "");
    }
}

H5端对需要调用的地方，添加以下代码，这样就可以H5调用Android的方法进行愉快的玩耍了。

window.Android.openImage(img);

值得注意的地方是

看着两个红框的内容必须一致，我就是粗心犯了不一致的错误，找了半天才发现。

上面写完后，如果上线包需要混淆的话，加入以下代码

-keepattributes *Annotation*
-keepattributes *JavascriptInterface*
-keepclassmembers class * {
    @android.webkit.JavascriptInterface <methods>;
}
-keepclassmembers public class xx.xx.JavascriptInterface{
    <fields>;
    <methods>;
    public *;
    private *;
}

xx.xx是你的自己的类地址。