Js与本地代码的交互的一些用法_js和本地程序通讯-CSDN博客

本文链接：https://blog.csdn.net/AndroidException/article/details/53316916

本文介绍了如何利用WebViewJavascriptBridge在JavaScript和本地代码之间进行交互，包括调用本地方法和接收本地回调。在JavaScript中，通过特定的别名调用本地方法，并在Java中注册对应的回调函数来响应JS请求。同时，展示了如何从本地代码向JS传递数据并接收JS的回调。了解这一机制有助于实现更复杂的Webview应用功能。

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

js和本地交互

最近项目要求用js和本地交互，所以就去看了下webview的一些api，发现只能满足一些简单的需求，而项目里面的需求是比较多的而且要用的功能也算有点复杂，所以想想去githup搜索了下，有大神已经把这些东西封装好了。基本能满足大部分需求了。接下来说下他的用法，只是用他的源码需要把WebViewJavascriptBridge.js这文件拷贝到你的assets资源文件目录下，这个类里面自己封装了一些用于消息处理的方法。看下他的项目结构在model里面就是一个user实体了，后面有用到，接着看MainActivity.java

package com.lyk.jsbridge;
import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.util.Log;
import android.view.View;
import android.webkit.ValueCallback;
import android.webkit.WebChromeClient;
import android.widget.Toast;

import com.github.lzyzsd.jsbridge.BridgeHandler;
import com.github.lzyzsd.jsbridge.BridgeWebView;
import com.github.lzyzsd.jsbridge.BridgeWebViewClient;
import com.github.lzyzsd.jsbridge.CallBackFunction;
import com.github.lzyzsd.jsbridge.DefaultHandler;
import com.google.gson.Gson;
import com.lyk.jsbridge.modle.User;

public class MainActivity extends AppCompatActivity {
   

    private BridgeWebView mWebView;

    ValueCallback<Uri> mUploadMessage;

    int RESULT_CODE = 0;

    private static final String TAG = "MainActivity";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });

        mWebView = (BridgeWebView) findViewById(R.id.webView);
        initWebView();
    }

    private void initWebView() {
        // 设置具体WebViewClient
        mWebView.setWebViewClient(new MyWebViewClient(mWebView));
        // set HadlerCallBack
        mWebView.setDefaultHandler(new myHadlerCallBack());
        // setWebChromeClient
        mWebView.setWebChromeClient(new WebChromeClient() {

            @SuppressWarnings("unused")
            public void openFileChooser(ValueCallback<Uri> uploadMsg, String AcceptType, String capture) {
                this.openFileChooser(uploadMsg);
            }

            @SuppressWarnings("unused")
            public void openFileChooser(ValueCallback<Uri> uploadMsg, String AcceptType) {
                this.openFileChooser(uploadMsg);
            }

            public void openFileChooser(ValueCallback<Uri> uploadMsg) {
                mUploadMessage = uploadMsg;
                pickFile();
            }
        });

        mWebView.loadUrl("file:///android_asset/demo.html");

        //必须和js函数名字一致，注册好具体执行回调函数，类似java实现类。
        mWebView.registerHandler("submitFromWeb", new BridgeHandler() {

            @Override
            public void handler(String data, CallBackFunction function) {