Android原生开发与HTML5交互

来源：互联网发布：滑雪板品牌知乎编辑：程序博客网时间：2024/05/19 18:42

这是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

0 0