Android Hybrid开发入门：原生Android与JS的交互

最新推荐文章于 2025-03-09 09:00:00 发布

lastwarmth

最新推荐文章于 2025-03-09 09:00:00 发布

阅读量2.4k

点赞数 1

分类专栏： android 文章标签： hybrid app android webview

本文链接：https://blog.youkuaiyun.com/lastwarmth/article/details/50403302

版权

本文介绍了Android Hybrid App开发中如何实现原生Android与JavaScript的交互，包括新建AS模块，设置WebView，使用loadUrl加载HTML，通过@JavascriptInterface注解处理交互，以及重写WebViewClient和WebChromeClient的相应方法。文中还提到了潜在的安全问题及开源库safe-java-js-webview-bridge作为交互解决方案。

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

我们知道，现在App大致分为3类：Hybrid App、Web App、Native App。Hybrid App兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”，市面上现在也有许多Hybrid App。

最近做的项目，也会使用到Hybrid开发，之前没做过的。所以今天初步学习了一下，记录一下学习心得。

首先，新建一个新的AS module。

然后新建assets目录，至于src/main文件夹下。如下图：
这里写图片描述
我们再assets目录下，新建一个hello.html，编辑内容如下：

<html>
<head>
    <script>
    function hello() {
    
        document.getElementById("demo").innerHTML = "Hello Hybrid!";
    }
    </script>
</head>
<body>
<div>
    <a href="#" id="demo" onclick="window.demo.clickOnAndroid()">Click Me</a>
</div>
</body>
</html>

一个很简单的html页面。

然后新建一个WebViewActivity。

public class WebViewActivity extends Activity {

最低0.47元/天解锁文章