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

最新推荐文章于 2024-07-04 17:32:15 发布

西柯土司

最新推荐文章于 2024-07-04 17:32:15 发布

阅读量6k

点赞数

文章标签： Android

原地址：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>   
    
  