android中WebView附件问题解决

举报
再见孙悟空_ 发表于 2022/01/13 22:35:18 2022/01/13
【摘要】 现在的很多app项目中都有嵌入html的需求,这么设计产品有很多好处,一个html可以同时在很多平台上跑(android,ios,web端)。 从android 角度来讲 加载html所用的组件是 webview。 webview的好处我们其实都清楚:1.可以直接显示和渲染web页面 2.直接显示网页webview可以直接用html...

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


  
  1. package com.baobao.webview;
  2. import com.cx.httpwebview.R;
  3. import android.annotation.SuppressLint;
  4. import android.app.Activity;
  5. import android.content.Intent;
  6. import android.net.Uri;
  7. import android.os.Bundle;
  8. import android.view.Window;
  9. import android.webkit.DownloadListener;
  10. import android.webkit.WebChromeClient;
  11. import android.webkit.WebView;
  12. import android.webkit.WebViewClient;
  13. import android.widget.TextView;
  14. public class MainActivity extends Activity {
  15. private TextView textView;
  16. private WebView webView;
  17. /** mUrl测试连接url 这个可以换成自己的html路径 ,
  18. * 自己服务器上html上面可以放pdf附件或者doc附件 图片附件。
  19. * 如果是文档文件 ,就是调用系统浏览器下载,如果安装了多个浏览器,会弹出选择界面;如果是图片就是直接打开效果*/
  20. private String mUrl = "http://shouji.baidu.com";
  21. @SuppressLint("SetJavaScriptEnabled")
  22. @Override
  23. protected void onCreate(Bundle savedInstanceState) {
  24. super.onCreate(savedInstanceState);
  25. requestWindowFeature(Window.FEATURE_NO_TITLE);
  26. setContentView(R.layout.activity_main);
  27. textView = (TextView) findViewById(R.id.textView1);
  28. webView = (WebView) findViewById(R.id.webView1);
  29. webView.getSettings().setJavaScriptEnabled(true);
  30. webView.setWebViewClient(new WebViewClient(){
  31. public boolean shouldOverrideUrlLoading(WebView view, String url) {
  32. view.loadUrl(url);
  33. return true;
  34. }
  35. });
  36. webView.setWebChromeClient(new WebChromeClient(){
  37. @Override
  38. public void onReceivedTitle(WebView view, String title) {
  39. textView.setText(title);
  40. super.onReceivedTitle(view, title);
  41. }
  42. });
  43. webView.setDownloadListener(new MyDownloadStart());
  44. webView.loadUrl(mUrl);
  45. }
  46. class MyDownloadStart implements DownloadListener{
  47. @Override
  48. public void onDownloadStart(String url, String userAgent,
  49. String contentDisposition, String mimetype, long contentLength) {
  50. //调用自己的下载方式
  51. // new HttpThread(url).start();
  52. //调用系统浏览器下载
  53. Uri uri = Uri.parse(url);
  54. Intent intent = new Intent(Intent.ACTION_VIEW, uri);
  55. startActivity(intent);
  56. }
  57. }
  58. }


核心就上面这几行代码,最后附上demo文件。习惯写博客给个小demo ,即使是很简单的功能,感觉比较直观。

DEMO源码下载

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

文章来源: wukong.blog.csdn.net,作者:再见孙悟空_,版权归原作者所有,如需转载,请联系作者。

原文链接:wukong.blog.csdn.net/article/details/55261911

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。