android中WebView附件问题解决

简介: 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);      
    }
  }
}


相关文章
|
6月前
|
API Android开发 数据安全/隐私保护
解决android webview 加载http url 失败 net::ERR_CLEARTEXT_NOT_PERMITTED 错误
解决android webview 加载http url 失败 net::ERR_CLEARTEXT_NOT_PERMITTED 错误
238 0
|
2月前
|
XML Android开发 数据格式
安卓和webview交互
安卓和webview交互
25 0
|
4月前
|
JavaScript 前端开发 Android开发
android开发,使用kotlin学习WebView(详细)
android开发,使用kotlin学习WebView(详细)
131 0
|
4月前
|
XML Android开发 数据格式
安卓和webview交互
安卓和webview交互
57 1
|
5月前
|
定位技术 Android开发
[√]Android webview的url scheme
[√]Android webview的url scheme
408 0
|
5月前
|
小程序 Android开发 iOS开发
在钉钉小程序中安卓无法打开webview
在钉钉小程序中安卓无法打开webview
116 1
|
12月前
|
Android开发 iOS开发 UED
Android webView 实现阻尼回弹效果
iOS webView默认滑动到顶部或者底部的时候,还可以继续通过手指拉扯滑动,松手后回弹;而Android webView默认是不行的,要实现跟iOS一样的效果,就需要自定义webView。
361 0
|
6月前
|
JavaScript 前端开发 Android开发
Android AgentWeb WebView 与js交互总结
Android AgentWeb WebView 与js交互总结
184 0
|
8月前
|
JavaScript 前端开发 Android开发
Android 中WebView的使用详解
Android 中WebView的使用详解
235 0
|
10月前
|
前端开发 API 定位技术
Android webview加载https链接错误或无响应
Android webview加载https链接错误或无响应