android调用h5 js方法

原创

mob649e81540090 2023-11-05 09:17:05 ©著作权

文章标签 H5 Android Java 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e81540090的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android调用H5 JS方法

引言

随着移动互联网的快速发展，移动应用程序成为人们日常生活中不可或缺的一部分。其中，Android操作系统的普及率和使用量都位居前列。在开发Android应用程序时，经常会需要与H5页面进行交互，例如调用H5页面中的JavaScript方法来实现一些特定功能。本文将介绍如何在Android中调用H5页面的JavaScript方法，并提供相应的代码示例。

基本概念

在开始之前，我们需要了解一些基本概念：

Android：一种基于Linux内核的开放源代码操作系统，主要用于移动设备。
H5页面：指使用HTML、CSS和JavaScript等技术开发的网页，通常在移动设备上使用Webview进行展示。
JavaScript：一种用于给网页添加交互功能的脚本语言，常用于H5页面中。

Android中调用H5 JS方法的步骤

要在Android中调用H5页面的JavaScript方法，需要执行以下几个步骤：

加载H5页面：首先需要在Android应用程序中加载H5页面。可以使用Android的Webview控件来实现，Webview是Android提供的用于展示Web内容的控件。
开启JavaScript支持：在加载H5页面之前，需要开启Webview的JavaScript支持。这样才能执行H5页面中的JavaScript方法。
注入Java对象：为了实现Android和H5页面之间的交互，需要在Android端注入一个Java对象到H5页面中。这样H5页面中的JavaScript可以直接调用该Java对象的方法。
调用H5 JS方法：在需要调用H5页面的JavaScript方法时，直接调用H5页面中的JavaScript接口即可。

下面是一个示例代码，演示了如何在Android中调用H5页面的JavaScript方法。

// 在Activity中加载H5页面
WebView webView = findViewById(R.id.webview);
webView.getSettings().setJavaScriptEnabled(true); // 开启JavaScript支持

// 使用WebViewClient监听页面加载完成事件，注入Java对象到H5页面中
webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        // 注入Java对象到H5页面中
        webView.loadUrl("javascript:window.androidObj = new AndroidObj()");
    }
});

// 定义一个Java对象，供H5页面调用
class AndroidObj {
    @JavascriptInterface
    public void showToast(String message) {
        Toast.makeText(MainActivity.this, message, Toast.LENGTH_SHORT).show();
    }
}

// 调用H5页面的JavaScript方法
webView.loadUrl("javascript:androidObj.showToast('Hello from Android!')");

在上述代码中，首先获取到WebView控件，并开启JavaScript支持。然后通过设置WebViewClient的onPageFinished方法，在H5页面加载完成后注入一个名为androidObj的Java对象。接下来，定义一个名为AndroidObj的Java类，在该类中定义一个名为showToast的方法，并使用@JavascriptInterface注解标识为供H5页面调用的接口。最后，使用loadUrl方法调用H5页面的JavaScript方法。