android webview加载html图片自适应手机屏幕大小

我们在开发中,显示信息详情时,一般后台会给出html文本,在android端一般采用webview控件来展示,但是后台给出的html文本一般是给电脑端用的,没有自适配手机,导致手机端图片显示过大,需要左右移动来查看全图。下面给出几种实用方法,达到在手机端用webview展示html中的图片,能自适应手机屏幕展示。
这是一种方式,还有二三中。
使用Jsoup查找img标签,替换图片的宽度和高度

实现步骤:

  1. 导入jsoup包
    compile ‘org.jsoup:jsoup:1.10.2’
    1
  2. 在代码中添加img标签替换函数
    /**
    • 将html文本内容中包含img标签的图片,宽度变为屏幕宽度,高度根据宽度比例自适应
      **/
      public static String getNewContent(String htmltext){
      try {
      Document doc= Jsoup.parse(htmltext);
      Elements elements=doc.getElementsByTag(“img”);
      for (Element element : elements) {
      element.attr(“width”,“100%”).attr(“height”,“auto”);
      }

      return doc.toString();
      

      } catch (Exception e) {
      return htmltext;
      }
      }

  3. 在webview中加载内容时调用替换函数 调用上面的方法
    Web.loadDataWithBaseURL(null, getNewContent(content), “text/html”, “utf-8”, null);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值