Android：你要的WebView与 JS 交互方式都在这里了

最新推荐文章于 2025-07-15 10:32:47 发布

转载最新推荐文章于 2025-07-15 10:32:47 发布 · 400 阅读

文章标签：

#Android

Android 专栏收录该内容

18 篇文章

订阅专栏

本文详细介绍了在Android中调用JavaScript的两种方法：通过WebView的loadUrl和evaluateJavascript。文章提供了完整的代码示例，展示了如何在Android应用中加载并调用HTML文件中的JS函数，并处理JS的alert弹窗。

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

https://blog.youkuaiyun.com/carson_ho/article/details/64904691

闲话少说，直接上代码

Android去调用JS的代码

对于Android调用JS代码的方法有2种：
1. 通过WebView的loadUrl（）
2. 通过WebView的evaluateJavascript（）

步骤1：将需要调用的JS代码以.html格式放到src/main/assets文件夹里

需要加载JS代码：javascript.html

// 文本名：javascript
<!DOCTYPE html>
<html>

   <head>
      <meta charset="utf-8">
      <title>Carson_Ho</title>

// JS代码
     <script>
// Android需要调用的方法
   function callJS(){
      alert("Android调用了JS的callJS方法");
   }
</script>

   </head>

</html>

步骤2：在Android里通过WebView设置调用JS代码

Android代码：MainActivity.java

package com.djp.administrator.webviewjs;

/**
 * android调用js
 */

import android.content.DialogInterface;
import android.os.Build;
import android.support.annotation.RequiresApi;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.webkit.JsResult;
import android.webkit.ValueCallback;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {
    private  WebView webView;
    private Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        webView = findViewById(R.id.webview);
        //得到获取设置WebView的属性
        final WebSettings webSettings = webView.getSettings();
        //设置与js交互的权限
        webSettings.setJavaScriptEnabled(true);
        //设置允许js弹窗
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

        //先载入JS
        //规定格式为：file:///android_asset/文件名.html
        webView.loadUrl("file:///android_asset/javascript.html");

        button = findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //通过handler发送消息
                webView.post(new Runnable() {
                    @RequiresApi(api = Build.VERSION_CODES.KITKAT)
                    @Override
                    public void run() {
                        //注意调用的JS方法名要对应上
                        //调用javascrip的callJS()方法
                        // Android版本变量
                        final int version = Build.VERSION.SDK_INT;


                        // 因为该方法在 Android 4.4 版本才可使用，所以使用时需进行版本判断
                        if (version < 18) {
                            //第一种：通过WebView的loadUrl（）
                            webView.loadUrl("javascript:callJS()");
                        } else {
                            
                            //第二种：通过WebView的evaluateJavascript（）
                            webView.evaluateJavascript("javascript:callJS()", new ValueCallback<String>() {
                                @Override
                                public void onReceiveValue(String value) {
                                    //此处为 js 返回的结果

                                }
                            });
                        }
                    }
                });
            }
        });

        // 由于设置了弹窗检验调用结果,所以需要支持js对话框
        // webview只是载体，内容的渲染需要使用webviewChromClient类去实现
        // 通过设置WebChromeClient对象处理JavaScript的对话框
        //设置响应js 的Alert()函数
       webView.setWebChromeClient(new WebChromeClient(){
           @Override
           public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
               //弹窗
               AlertDialog.Builder b = new AlertDialog.Builder(MainActivity.this);
               b.setTitle("Alert");//弹窗标题
               b.setMessage(message);//弹窗内容
               b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {//弹窗确认
                   @Override
                   public void onClick(DialogInterface dialog, int which) {
                       result.confirm();
                   }
               });
               b.setCancelable(false);//设置为false，按返回键不能退出。默认为true。
               b.create().show();//创建显示
               return true;
           }
       });
    }
}

实现效果：

ææå¾