android中WebView附件问题解决

2023-02-10 19:36:31 浏览数 (2)

现在的很多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源码下载

0 人点赞