js调用android方法

JavaScript 调用 Android 方法通常是在混合应用开发中实现的，例如使用 Cordova 或 React Native 这样的框架。以下是一些基础概念和相关信息：

基础概念

WebView: Android 中的 WebView 组件允许加载和显示网页内容。通过 WebView，可以在 Android 应用中嵌入网页，并且可以通过 JavaScript 与原生 Android 代码进行交互。
JavaScriptInterface: 这是一个 Android 类，用于将原生方法暴露给 JavaScript。通过添加 @JavascriptInterface 注解的方法可以被 JavaScript 调用。
URL Scheme: 一种通过自定义 URL 来触发原生应用行为的方式，JavaScript 可以通过改变 window.location 来调用原生方法。

优势

跨平台: 允许开发者使用 Web 技术（HTML, CSS, JavaScript）来构建应用，并且可以访问设备的原生功能。
快速迭代: Web 技术的开发周期通常比原生应用快，便于快速迭代和测试。
代码复用: 可以在多个平台上复用大部分代码。

类型

Cordova (PhoneGap): 使用 WebView 来加载应用，并通过插件机制实现 JavaScript 与原生代码的通信。
React Native: 使用 JavaScript 和 React 构建用户界面，并通过桥接技术实现 JavaScript 与原生组件的通信。
Ionic: 基于 Angular 和 Cordova，提供了一套丰富的 UI 组件和工具。

应用场景

内容驱动的应用: 如新闻阅读器、博客平台等。
企业应用: 需要快速开发和部署的应用。
小游戏: 使用轻量级框架快速开发游戏。

示例代码

以下是一个简单的例子，展示如何在 Android 中通过 WebView 实现 JavaScript 调用原生方法：

Android 端代码

public class MainActivity extends AppCompatActivity {
    private WebView webView;

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

        webView = findViewById(R.id.webview);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);

        // 添加 JavaScript 接口
        webView.addJavascriptInterface(new WebAppInterface(this), "Android");

        // 加载本地 HTML 文件
        webView.loadUrl("file:///android_asset/index.html");
    }

    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();
        }
    }
}

JavaScript 端代码 (index.html)

<!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>