android中WebView附件问题解决

现在的很多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下载文件的代码：

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源码下载

大家如果还有其它问题，也可以加入我们的qq群：454430053