Android混合开发的入门和方案

最新推荐文章于 2025-04-07 00:15:00 发布

whaoming

最新推荐文章于 2025-04-07 00:15:00 发布

阅读量2.1w

点赞数 10

分类专栏： hybrid 文章标签： android开发 webview android html 程序员

本文链接：https://blog.youkuaiyun.com/qq122627018/article/details/52207600

版权

本文介绍了Android混合开发的基础，从WebView加载网页开始，探讨了如何通过WebView与原生交互，讲解了JsBridge的工作原理和优势，并给出了实际应用场景。通过理解这些，开发者可以更高效地实现混合应用。

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

前言

其实之前一直都很抵制hybrid开发，因为作为一个Android开发程序员，总是觉得原生的更好(其实是不想丢饭碗),但是一个闲着没事干，就写了一个demo搭了个webview，然后把html文件放到asset下面，一加载惊呆宝宝了，简直跟原生的没有区别啊，体验跟原生基本一样(andrid 5.0以后webview的速度比之前的版本有很大的提升)，至此我就走上了学习混合开发的道路.

前期准备 WebView

其实我相信很多跟我一样刚入门混合开发的人，对于应该要学习哪部分知识都会感到迷惑，在这里我先谈谈我的经验：

html基础，不用说很厉害，但是至少你要知道整个html的体系还有css，div等控件的使用，还有对html节点的一些基本操作
javaScript基础，这里说的基础就是语法之类的，js这一部分其实挺重要的，跟上面一样，但是js你懂得越多，少走的坑也就真的越少，切身体会啊！！！
对一些常见的前段框架的运用，比如jquery，sui-mobile，第三点倒不是很重要
webview的原理，这一点挺重要的，因为它涉及到webview中的js怎么去与android的native交互的原理，懂得原理你可以在混合开发中更加”自由地”做出你想要的东西

把网页搬到自己的app上面

假如我们的第一个需求是：把一个网页搬到自己的app上面。那此时，我们只需要下面这段代码就行

public class BolgActivity extends AppCompatActivity {
   

    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_bolg);
        webView = (WebView) findViewById(R.id.webview);
        //这段代码的作用是让webview不要使用系统自带浏览器
        webView.setWebViewClient(new WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url){
                return false;
            }
        });
        webView.load

最低0.47元/天解锁文章