Android原生开发与HTML5交互

最新推荐文章于 2023-04-15 17:57:28 发布

哲晦yl

最新推荐文章于 2023-04-15 17:57:28 发布

阅读量692

点赞数 1

分类专栏： Android学习文章标签： Android

本文链接：https://blog.csdn.net/u012811078/article/details/52540205

版权

Android学习专栏收录该内容

8 篇文章 0 订阅

订阅专栏

这是Android调用HTML5的过程
HTML5(文件名称为xxx.html)的代码：`

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<mata charset="utf-8">
<title>HTML5代码</title>
<body>
<header>
<h1>这是一号标题</h1>
<h6>这是六号标题</h6>
</header>
</body>
</head>
</html>

Android布局文件的代码：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</RelativeLayout>

Android源码:

public class MainActivity extends Activity {
    private WebView webView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView=(WebView) findViewById(R.id.webView);
        webView.loadUrl("http://192.168.173.1:8080/audio.html");
    }
}

最好能搭建一个本地的Tomcat服务器，把HTML5的网页放入本地服务器中，让手机和电脑处于同一个局域网，用命令提示符（命令是ipconfig）查看ip地址，开启服务器，这样就可以在Android手机中加载HTML5的网页了。

可以参考下面两篇博文去理解Android与HTML5的交互过程。
http://blog.csdn.net/cai1213/article/details/7956051
http://www.cnblogs.com/zhaoleigege/p/5310355.html

哲晦yl

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Android原生开发与HTML5交互

这是Android调用HTML5的过程 HTML5(文件名称为xxx.html)的代码：`<!DOCTYPE html><html lang="zh-cn"><head><mata charset="utf-8"><title>HTML5代码</title><body><header><h1>这是一号标题</h1><h6>这是六号标题</h6></header></body>
复制链接

扫一扫

专栏目录