js调用android浏览器

JavaScript 调用 Android 浏览器通常涉及到在网页中使用 JavaScript 与 Android 设备的原生功能进行交互。这种交互可以通过多种方式实现，以下是一些基础概念和相关信息：

基础概念

WebView: Android 中的一个组件，允许在应用中嵌入网页。WebView 可以加载网页并执行 JavaScript 代码。
JavaScriptInterface: 这是一个 Android 类，用于在 WebView 中暴露原生方法给 JavaScript。通过这种方式，JavaScript 可以调用 Android 应用的方法。
URL Scheme: 一种自定义的 URL 协议，用于从网页中启动 Android 应用的特定功能。

类型

通过 WebView 的 JavaScriptInterface:
- 在 Android 应用中设置 WebView，并启用 JavaScript。
- 创建一个类并使用 @JavascriptInterface 注解标记方法，以便 JavaScript 可以调用。

使用 URL Scheme:
- 定义自定义的 URL scheme。
- 在网页中使用这些 scheme 来触发 Android 应用的行为。

应用场景

移动支付: 通过网页直接调用支付接口。
社交媒体分享: 从网页直接分享内容到社交平台。
设备功能调用: 如拍照、录音等。

示例代码

通过 WebView 的 JavaScriptInterface

Android 端代码:

public class WebAppInterface {
    Context mContext;

    /** Instantiate the interface and set the context */
    WebAppInterface(Context c) {
        mContext = c;
    }

    /** Show a toast from the web page */
    @JavascriptInterface
    public void showToast(String toast) {
        Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
    }
}

// 在 Activity 中设置 WebView
WebView webView = findViewById(R.id.webview);
webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(new WebAppInterface(this), "Android");
webView.loadUrl("file:///android_asset/index.html");

HTML 和 JavaScript 端代码:

<!DOCTYPE html>
<html>
<head>
    <title>Test Page</title>
    <script type="text/javascript">
        function showAndroidToast(toast) {
            Android.showToast(toast);
        }
    </script>
</head>
<body>
    <input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />
</body>
</html>

使用 URL Scheme

Android 端代码:

// 在 Activity 中处理自定义 URL scheme
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    Intent intent = getIntent();
    if (Intent.ACTION_VIEW.equals(intent.getAction())) {
        Uri uri = intent.getData();
        if (uri != null && uri.toString().startsWith("myapp://")) {
            // 处理自定义 URL scheme
        }
    }
}

HTML 和 JavaScript 端代码:

<!DOCTYPE html>
<html>
<head>
    <title>Test Page</title>
    <script type="text/javascript">
        function openApp() {
            window.location.href = "myapp://open";
        }
    </script>
</head>
<body>
    <input type="button" value="Open App" onClick="openApp()" />
</body>
</html>