Android js和原生交互

時間 2020-06-22

原文原文鏈接

Android js和原生交互

簡單的demo

package com.xindeco.swingu_h5;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.ValueCallback;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.EditText;
import android.widget.Toast;

import com.xindeco.reader.common.Action;
import com.xindeco.reader.common.ReaderListener;
import com.xindeco.reader.common.Tag;
import com.xindeco.reader.swingu.SwingUReader;

public class MainActivity extends AppCompatActivity {

    private WebView mWebView;

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

        init();
    }

    private void init() {
        mWebView = findViewById(R.id.web_view);
        mWebView.loadUrl("file:///android_asset/test.html");
        WebSettings webSettings = mWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        mWebView.addJavascriptInterface(new JsInteration(), "android");

        mWebView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                if (url.equals("https://www.baidu.com/")) {
                    Toast.makeText(MainActivity.this, "就是要攔你", Toast.LENGTH_SHORT).show();
                    return true;
                } else {
                    mWebView.loadUrl(url);
                    return true;
                }
            }
        });

        findViewById(R.id.call_js).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                final EditText input = findViewById(R.id.input);
                String content = input.getText().toString().trim();
                if (!TextUtils.isEmpty(content)) {
                    // 調用js方法，更新頁面
// mWebView.loadUrl("javascript:change(\"" + content + "\")"); // 沒帶返回值的調用方式
                    mWebView.evaluateJavascript("javascript:change(\"" + content + "\")", new ValueCallback<String>() {
                        @Override
                        public void onReceiveValue(String value) {
                            input.setText(value);
                        }
                    });
                }
            }
        });
    }

    public class JsInteration {

        @JavascriptInterface
        public String toast(String msg) {
            Toast.makeText(MainActivity.this, msg, Toast.LENGTH_SHORT).show();
            return "我是java的返回值";
        }
    }
}

佈局javascript

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".MainActivity">

    <EditText  android:id="@+id/input" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="我要改變網頁的內容"/>

    <Button  android:id="@+id/call_js" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="我是原生的button啦"/>

    <WebView  android:id="@+id/web_view" android:layout_width="match_parent" android:layout_height="match_parent"/>

</LinearLayout>

HTML頁面，把該頁面放置在assets文件夾下html

<html>
    <head>
        <meta content="text/html; charset=utf-8" http-equiv="content-type">
        <title>js和原生交互</title>
    </head>

    <script type="text/javascript"> <!--該方法調用原生的toast方法--> function toast(){ var s = document.getElementById("input_toast").value; var result = window.android.toast(s); document.getElementById("input_toast").value=result; } <!--該方法被原生調用--> function change(content){ document.getElementById("input_toast").value=content; return "我是js的返回值"; } </script>

    <body>
        <p>
            <input type="text" id="input_toast"/>
        </p>
        <p>
            <input type="button" id="toast" value="toast" onclick="toast()"/>
        </p>
        <a href="https://www.taobao.com/">跳轉淘寶，不攔你</a>
        <br>
        <a href="https://www.baidu.com/">跳轉百度，別攔我</a>
    </body>
</html>

記得添加<uses-permission android:name="android.permission.INTERNET"/>權限才能訪問網絡java

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。