android webview html页面加载本地js及img src

quasiceo 2014-04-11

展开全文

Android webview html页面加载本地js及img src

分类： Android 2013-02-27 10:45 1710人阅读评论(0) 收藏举报

我们的客户端软件主要部分用webview的表现形式来实现。当然这个东东有优点、缺点也不少。

今天，我们要解决的就是，如何从节省流量的角度来优化加载速度。

web页面部分，我们可能要用到jquery，但是jquery.js那个文件不小，所以我打算把它放在手机本地。

当然类似地，比较常用的img图片也可以这样做。关键是在整体上要有一个标准，并不是为了用这个技术而去做一些没意义的工作。

查了一些资料，直接用

是不行的。可能的原因是html页面读取客户端本地的资源，这涉及权限、安全性方面的问题，所以以file:///的形式默认是不行的。如果谁认为这样可行，并且知道怎么搞请和大家分享一下。

最终我找到的方法是：用ContentProvider来读取文件。下面的代码示例来自于http://android-phpmanual./svn

//LocalFileContentProvider.java

[java] view plain copy

package lu.mind.androidphpmanual;
import java.io.File;
import java.io.FileNotFoundException;
import android.content.ContentProvider;
import android.content.ContentValues;
import android.database.Cursor;
import android.net.Uri;
import android.os.ParcelFileDescriptor;
public class LocalFileContentProvider extends ContentProvider {
private static final String URI_PREFIX = "content://lu.mind.androidphpmanual";
public static String constructUri(String url) {
Uri uri = Uri.parse(url);
return uri.isAbsolute() ? url : URI_PREFIX + url;
}
@Override
public ParcelFileDescriptor openFile(Uri uri, String mode) throws FileNotFoundException {
File file = new File(uri.getPath());
ParcelFileDescriptor parcel = ParcelFileDescriptor.open(file, ParcelFileDescriptor.MODE_READ_ONLY);
return parcel;
}
@Override
public boolean onCreate() {
return true;
}
@Override
public int delete(Uri uri, String s, String[] as) {
throw new UnsupportedOperationException("Not supported by this provider");
}
@Override
public String getType(Uri uri) {
throw new UnsupportedOperationException("Not supported by this provider");
}
@Override
public Uri insert(Uri uri, ContentValues contentvalues) {
throw new UnsupportedOperationException("Not supported by this provider");
}
@Override
public Cursor query(Uri uri, String[] as, String s, String[] as1, String s1) {
throw new UnsupportedOperationException("Not supported by this provider");
}
@Override
public int update(Uri uri, ContentValues contentvalues, String s, String[] as) {
throw new UnsupportedOperationException("Not supported by this provider");
}
}

//html，并提前把js/jquery.js和img/016p.gif两个文件放在手机的sd卡里。

[javascript] view plain copy

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
<title>Insert title here</title>
<script type="text/javascript" charset="utf-8" src="content://lu.mind.androidphpmanual/sdcard/js/jquery.js"></script>
</head>
<body>b这是一个html页面
<hr />
<hr />
<button onclick="showNote('andy')">showNote</button>
<img src="content://lu.mind.androidphpmanual/sdcard/img/016p.gif" alt="本地图片">
</body>
</html>

本来想通过assets的形式读取的。可是也失败了。请高人指点！下面是我的代码：

[java] view plain copy

// @Override
// public ParcelFileDescriptor openFile(Uri uri, String mode) throws FileNotFoundException {
// try {
// String path = uri.getPath();
// return getContext().getAssets().openFd(path.substring(1)).getParcelFileDescriptor();
// } catch (IOException e) {
// throw new FileNotFoundException();
// }
// }

Content Provider 基础之URI[转]

Content Provider这个东西在Android平台上是最常用的共享数据的方法（似乎应用程序之间共享数据也只有这种方法吧，待求证）。虽然常用，但是这个东西要理解透彻还是要先掌握一些基础的。URI就是Content Provider（简称CP）的基础。我们要标识一个CP，就必须用URI这个东东。这就类似于我们要通过网址来标识某个特定网站，实际上网址URL本身就是一种URI。URI全称Uniform Resource Identifier, 它包括了URL和URN。而关于它们的详细解释，有心的朋友可以参考RFC3896：http://tools./html /rfc3986。URI不仅可以标识特定CP，还可以标识CP中特定的数据库表，就好像URL不仅可以标识特定网站，也可以标识这个网站某个特定网页一样。实际上在Android平台上URI的用途更广泛一些，它还用于Intent中data的标识。
就Android平台而言，URI主要分三个部分：scheme, authority and path。其中authority又分为host和port。格式如下：
scheme://host:port/path
举个实际的例子：
content://com.example.project:200/folder/subfolder/etc
\---------/ \---------------------------/ \---/ \--------------------------/
scheme                 host               port        path
                \--------------------------------/
                          authority

现在大家应该知道data flag中那些属性的含义了吧，看下data flag
<data android:host="string"
      android:mimeType="string"
      android:path="string"
      android:pathPattern="string"
      android:pathPrefix="string"
      android:port="string"
      android:scheme="string" />
但是我们在程序中一般是不直接用URI来标识CP的，是的，正如我们通常见到的用定义的常量来标识。例如standard CP中的Contacts，我们就用Contacts.People.CONTENT_URI来标识Contacts CP中People这个表。那么要标识某个具体的人怎么办呢？这就用到了ContentUris.withAppendedId() 和 Uri.withAppendedPath()。例如我们要表示content://contacts/people/20，那么我们就可以用如下语句：
Uri uri = ContentUris.withAppendedId(People.CONTENT_URI, 20); 或者

Uri uri = Uri.withAppendedPath(People.CONTENT_URI, "20");

最近又有了新的进展。

首先我们要实现web页加载手机本地的资源（以图片为例）

如content://com.andych008.demo.webview/girl_sd.gif这样的link，我们要在html上显示手机本地的girl_sd.gif这张图片，

至于girl_sd.gif这张图片的位置，依次从以下位置查找，如果找到就打开。

/sdcard/andych008/

/data/data/com.andych008.demo.webview/andych008/

apk:assets/

当然也可以指定只从某个位置打开。

下面是代码实现

[java] view plain copy

public class LocalFileContentProvider extends ContentProvider {
private static final String URI_PREFIX = "content://com.andych008.demo.webview";
@Override
public ParcelFileDescriptor openFile(Uri uri, String mode) throws FileNotFoundException {
Log.e("path1:", uri.getPath());
File file = new File(uri.getPath());
ParcelFileDescriptor parcel = ParcelFileDescriptor.open(file, ParcelFileDescriptor.MODE_READ_ONLY);
return parcel;
}
@Override
public AssetFileDescriptor openAssetFile (Uri uri, String mode) throws FileNotFoundException{
AssetManager am = getContext().getAssets();
String path = uri.getPath().substring(1);
Log.e("path:", path);
//sdcard里有没有
String tpath = "/sdcard/andych008/"+path;
File file = new File(tpath);
if (file.exists()) {
Log.e("path2:", tpath);
Uri turi = Uri.parse(URI_PREFIX+tpath);
return super.openAssetFile(turi, mode);
}
//C盘有没有
tpath = "/data/data/com.andych008.demo.webview/andych008/"+path;
file = new File(tpath);
if (file.exists()) {
Log.e("path2:", tpath);
Uri turi = Uri.parse(URI_PREFIX+tpath);
return super.openAssetFile(turi, mode);
}
try {
AssetFileDescriptor afd = am.openFd(path);
return afd;
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return super.openAssetFile(uri, mode);
}
@Override
public boolean onCreate() {
return true;
}
@Override
public int delete(Uri uri, String s, String[] as) {
throw new UnsupportedOperationException("Not supported by this provider");
}
@Override
public String getType(Uri uri) {
throw new UnsupportedOperationException("Not supported by this provider");
}
@Override
public Uri insert(Uri uri, ContentValues contentvalues) {
throw new UnsupportedOperationException("Not supported by this provider");
}
@Override
public Cursor query(Uri uri, String[] as, String s, String[] as1, String s1) {
throw new UnsupportedOperationException("Not supported by this provider");
}
@Override
public int update(Uri uri, ContentValues contentvalues, String s, String[] as) {
throw new UnsupportedOperationException("Not supported by this provider");
}
}

html文件

[html] view plain copy

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
<title>Insert title here</title>
<link type="text/css" rel="stylesheet" href="1.css">
<script type="text/javascript" charset="utf-8" src="1.js"></script>
</head>
<body>sd这是一个html页面
<hr />
<hr />
<button onclick="showNote('andy')">showNote</button>
相对路径
<img src="girl_sd.gif" alt="相对路径">
<hr />
sd图片
<img src="content://com.andych008.demo.webview/girl_sd.gif" alt="sd图片">
<hr />
c图片
<img src="content://com.andych008.demo.webview/girl_c.gif" alt="c图片">
<hr />
asset图片
<img src="content://com.andych008.demo.webview/1/girl.gif" alt="a图片">
<hr />
绝对图片
<img src="content://com.andych008.demo.webview/sdcard/andych008/girl_sd.gif" alt="a图片">
</body>
</html>