您的位置：首页 > 移动开发

用webview写界面，加载本地js,js,html文件

2015-11-04 16:12 417 查看

原地址：http://www.cnblogs.com/sleeptothedeath/p/3700494.html

用webview写界面，加载本地js,js,html文件

以jquery mobile为例

1.在android界面拖入一个webview，然后添加一个internet权限

按 Ctrl+C 复制代码
按 Ctrl+C 复制代码

2. 在assets目录里面放入js,css,html资源文件

3.在写本地html的时候引入assert里的对应路径

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> 标题 </title>
<link rel="stylesheet" type="text/css" href="file:///android_asset/css/jquery.mobile-1.4.2.min.css">
<script src="file:///android_asset/js/jquery-1.7.1.min.js"></script>
<script src="file:///android_asset/js/jquery.mobile-1.4.2.min.js"></script>
</head>
<body>

　<div data-role="page">
　<div data-role="header">
　　<h1>My Title</h1>
　</div>

　<div data-role="content">
<ul data-role="listview" data-inset="true" >
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
<li><a href="#">Cadillac</a></li>
<li><a href="#">Ferrari</a></li>
</ul>
　</div>
　</div><!-- /page -->

</body>
</html>

4.在代码里访问页面

View
Code

5.最后效果如下:

加载webview不难，重点是js和java代码的交互，还有webview和httpclient之间的数据共享

参考:

如何整合前端代码和Android后端JAVA代码 http://tech.it168.com/a2011/0517/1191/000001191561_2.shtml

android webview里设置cookie (webview的cookie和httpclient的cookie同步) http://blog.csdn.net/encienqi/article/details/7912733

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： Android

相关文章推荐

新的分享

章节导航