现在的很多app项目中都有嵌入html的需求,这么设计产品有很多好处,一个html可以同时在很多平台上跑(android,ios,web端)。 从android 角度来讲 加载html所用的组件是 webview。
webview的好处我们其实都清楚:1.可以直接显示和渲染web页面
2.直接显示网页webview可以直接用html文件(网络上或本地assets中)作布局
3.可以和JavaScript交互调用
但是同时,也给我们带来一些问题,比如在html上面有一些 超链接形式的附件:xxx.pdf ,xxx.doc等等。
ios是可以直接解析加载出这些文件的,估计这个是ios浏览器内核强大的原因,但是android 默认是无法解析显示出这种附件的。
android的 webview只是一个对浏览器内核的封装,本身不具备打开word,excel,ppt,pdf文件的功能,即使可以打开,也必须借助第三方的专用插件或者poi库。
ios的效果是默认在当前界面可以直接打开附件的文件,产品认为这个android肯定也可以做到(无法和产品解释,解释太多就是自己菜)。
但是我从网上查找资料的时候发现android如果想在线阅读的话,可以用google提供的在线解析pdf功能
Java代码
WebView webview = (WebView) findViewById(R.id.webview); webview.getSettings().setJavaScriptEnabled(true); String pdf ="http://..../a.pdf"; webview.loadUrl("http://docs.google.com/gview?embedded=true&url=" pdf);
本来很高兴,但是仔细观察url,根本就是在扯,这访问的是goole啊 ,怎么能保证用户的每个手机都能连接vpn 访问谷歌呢。 所以这种方法根本行不通。
继续研究 还有两种方法
1.如果想在线阅读,但是又不想使用google提供的在线解析的话,本地需要安装对应的插件,比如pdf插件,word插件等。就像用ie,firefox播放flash一样,需要安装flash插件。 2.如果想用webview直接打开本地的pdf文件啥的,可以使用apache的poi来解析word,excel,ppt,pdf等。也就是说,需要使用poi开发你的webview程序。
这两种方法第一种是要单独装插件,第二种是用第三方框架对文件先做解析,解析出一个html,然后再显示。
总之这两种效果都觉得不是很妥当。
没有头绪的时候,我用qq做了一个测试,把我们的html链接发到我手机qq上 ,然后在qq上点击html上的附件,发现是先下载,然后提示用手机上相关软件打开,比如 三方浏览器(UC浏览器,QQ浏览器)还有office等。
后来我们也就没做在线解析直接打开,也是做的像qq一样先下载然后依赖第三方软件打开。我觉得也比较合理(1.这种功能没有必要花那么多时间做的那么复杂 2.遵循主流软件处理方式)。
webview下载文件的代码:
代码语言:javascript复制package com.baobao.webview;
import com.cx.httpwebview.R;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.view.Window;
import android.webkit.DownloadListener;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.TextView;
public class MainActivity extends Activity {
private TextView textView;
private WebView webView;
/** mUrl测试连接url 这个可以换成自己的html路径 ,
* 自己服务器上html上面可以放pdf附件或者doc附件 图片附件。
* 如果是文档文件 ,就是调用系统浏览器下载,如果安装了多个浏览器,会弹出选择界面;如果是图片就是直接打开效果*/
private String mUrl = "http://shouji.baidu.com";
@SuppressLint("SetJavaScriptEnabled")
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);
textView = (TextView) findViewById(R.id.textView1);
webView = (WebView) findViewById(R.id.webView1);
webView.getSettings().setJavaScriptEnabled(true);
webView.setWebViewClient(new WebViewClient(){
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
});
webView.setWebChromeClient(new WebChromeClient(){
@Override
public void onReceivedTitle(WebView view, String title) {
textView.setText(title);
super.onReceivedTitle(view, title);
}
});
webView.setDownloadListener(new MyDownloadStart());
webView.loadUrl(mUrl);
}
class MyDownloadStart implements DownloadListener{
@Override
public void onDownloadStart(String url, String userAgent,
String contentDisposition, String mimetype, long contentLength) {
//调用自己的下载方式
// new HttpThread(url).start();
//调用系统浏览器下载
Uri uri = Uri.parse(url);
Intent intent = new Intent(Intent.ACTION_VIEW, uri);
startActivity(intent);
}
}
}
核心就上面这几行代码,最后附上demo文件。习惯写博客给个小demo ,即使是很简单的功能,感觉比较直观。
DEMO源码下载