android+html5+javascript 混合开发教程

最新推荐文章于 2024-08-23 01:05:47 发布

pikachu-fat

最新推荐文章于 2024-08-23 01:05:47 发布

阅读量628

点赞数

分类专栏：混合开发

本文链接：https://blog.csdn.net/jqwei2/article/details/102827984

版权

本文是一篇关于Android混合开发的教程，重点讲解如何使用WebView组件结合HTML5和JavaScript进行交互。内容包括：设置WebView允许JS交互、加载本地H5文件、传递本地对象给JavaScript以及在JavaScript中调用Android原生方法的示例。通过实例展示了Android与H5之间的同步和异步通信方法。

摘要由CSDN通过智能技术生成

新建一个Activity，引入WebView组件和两个测试button，布局如下：

<?xml version="1.0" encoding="utf-8"?>

<WebView
    android:id="@+id/webView"
    android:layout_width="wrap_content"
    android:layout_height="500px">
</WebView>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <Button
        android:id="@+id/test_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="test_one"
        android:textAllCaps="false"/>

    <Button
        android:id="@+id/test_two"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"