實習的時候給了一個native 與htmlt5的互動的任務

那Android平臺來舉例

Activity.java裡面

WebView mWebView;

@SuppressLint({ "JavascriptInterface", "SetJavaScriptEnabled" })

mWebView = (WebView) findViewById(R.id.wv_view);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true
 
);
mWebView.getSettings().setDefaultTextEncodingName("utf-8");
mWebView.setWebViewClient(new WebViewClient());
mWebView.setWebChromeClient(new WebChromeClient() {
    @Override
public boolean onConsoleMessage(ConsoleMessage consoleMessage) {
        Log.d("WebView", consoleMessage.message());
        return true
 
;
    }

mWebView.addJavascriptInterface(new JavaJsBridge(MainActivity.this), "jsBridge");
mWebView.loadUrl("file:///android_asset/webapp/html/deviceList.html");

JavaJsBridge.java裡面 這個是自己新建的java類

public class JavaJsBridge {

    MainActivity mainActivity;

    public JavaJsBridge(MainActivity mainActivity) {

        this
 
.mainActivity=mainActivity;
    }

    public void jsCallNative() {

        mainActivity.trigger();

    }

}

你的H5頁面的js，你可以寫一個button觸發js對應的函式

函式裡面加一句就行

jsBridge.jsCallNative();