android的webview控件实现适配手机屏幕自适应高度加载html内容

最新推荐文章于 2021-01-26 14:43:31 发布
最新推荐文章于 2021-01-26 14:43:31 发布
阅读量1.1k 收藏 1
点赞数
文章标签： 移动开发
原文链接：http://www.cnblogs.com/yongfengnice/p/10609614.html
版权 
public void showWebViewContent(Context context, String content) {
　　if (!TextUtils.isEmpty(content)) {
      Matcher matcher = Pattern.compile("<body[^>]*>([\\s\\S]*)<\\/body>").matcher(content);
      if (matcher.find()) {//通过正则表达式找出body的内容，包括body标签。下面是head内容，适配手机宽度、图片大小、文字换行
        String head = "<head>" +
            "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\"> "
            +
            "<style>img{max-width: 100%; width:auto; height:auto;} body{word-break:break-all;}</style>"
            +
            "</head>";
        content = "<html>" + head + matcher.group() + "</html>";
      }
    }

    WebView webview = new WebView(context);
    webview.getSettings().setDefaultTextEncodingName("utf-8");
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
      webview.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.TEXT_AUTOSIZING);
    } else {
      webview.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NORMAL);
    }
    webview.loadData(content, "text/html; charset=utf-8", "utf-8");
  }

 

转载于:https://www.cnblogs.com/yongfengnice/p/10609614.html

weixin_30867015
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html自动适配手机屏幕,手机web——自适应网页设计（html/css控制）
weixin_31999597的博客
05-30 4907
一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度(width=device-width)，原始缩放比例(initial-scale=1)为1.0，即网页初始大小占屏幕面积的100%。对于viewport属性，我是真正在接触...
Android 中Webview 自适应屏幕
weixin_42602900的博客
03-21 1770
Android 中Webview 自适应屏幕
WebView适配手机屏幕显示
Change&ce的专栏
04-04 1万+
LinearLayout.LayoutParams mWebViewLP = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.FILL_PARENT); mWebView.setLayoutParams(mWebViewLP); m
Android 本地HTML屏幕适配的一种方案
zwenkai
10-08 5421
前言：在Android开发中WebView加载网页，网页的适配应该是前端来处理的，毕竟客户端的对网页的控制是有限的。但是如果有一个本地的网页而且该网页的body是固定宽度的，让我们去适配所有设备还是比较头疼的。
Android编程实现WebView自适应全屏方法小结
09-03
总之，Android编程实现WebView自适应全屏涉及到了多个方面，包括WebSettings的配置、布局算法的选择以及针对不同设备密度的适配。开发者需要灵活运用这些技术，以便在各种设备上提供优秀的用户体验。希望本文的介绍...
Android webview旋转屏幕导致页面重新加载问题解决办法
08-29
在Android开发中，Webview是一个非常重要的组件，它允许开发者在应用中嵌入网页内容。然而，当设备屏幕旋转时，Android系统会默认销毁当前活动（Activity）并重新创建，这可能导致Webview中的页面重新加载，用户体验...
Android适配利用webview加载后图片显示过大的问题解决
08-25
在`onPageFinished`方法中调用`imgReset`函数，这个函数使用JavaScript遍历所有图片元素，并将它们的宽度设置为最大100%，高度自适应，从而让图片按比例缩放，适应屏幕宽度： ```java private void imgReset() { ...
详解Android WebView加载html片段
08-29
Android WebView加载html片段详解 Android WebView是一种基于Webkit引擎的浏览器组件，经常用于加载HTML页面或片段。今天，我们将详细介绍如何使用Android WebView加载html片段，并对其进行详细的分析。 WebView...
Android自动适应屏幕源码
03-29
http://vs130.com/ranklist.html 最新最热门的免费源码下载 发福利，免积分 Android自动适应屏幕源码
webview自适应屏幕
11-29
当图片或表格过大，超出屏幕时，可以使用demo中的一些代码，解决这个问题
Android webView自适应屏幕
Hu_wenpeng的博客
04-12 3237
webview中右下角的缩放按钮能不能去掉settings.setDisplayZoomControls(false); //隐藏webview缩放按钮让Webview加载的页面居中显示有我知道的几种方法第一种方法：WebSettings settings = webView.getSettings(); settings.setLayoutAlgorithm(LayoutAlgorithm.SI
android webview自适应屏幕大小
热门推荐
u011715095的博客
08-15 1万+
前几天修改C1眼镜管家V2.0版本的时候，测试出NBD注册网页在手机上显示的时候出现不适应屏幕的情况，参考网上帖子后，自己写了一个小的demo试验了一下，结果问题解决了，在这里记录一笔。 demo的布局文件 activity_main.xml<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://sc
webView自适应实际内容高度的问题
leafgw的专栏
10-20 3291
问题描述： 项目详情要用h5展示，加载webView，高度不确定，需要根据webView的内容高度去设置。webView可以在加载完成时获取到网页内容高度，然后再去改变webView的frame即可。 - (void)webViewDidFinishLoad:(UIWebView *)webView { float height = webView.scrollView.contentSi
android webview自动高度_webView高度自适应
weixin_32308101的博客
01-26 1912
开发中，一些地方用到webView需要根据其内容的多少来动态的计算高度并且自适应。但是往往获取到的高度并不是那么的精准，以至于布局错乱。我们以往的做法是：在webView的回调方法webViewDidFinishLoad中获取网页内容高度，设置为webView的高度，调整webView布局。实际上：webViewDidFinishLoad代理方法被调用时，页面并不一定完全展现完成，可能有图片还未加...
【android】webview插入原生控件的的屏幕适配
ophlia_qer的博客
08-11 1545
最近在做广告sdk，由于我这边是webview的展示网页里插广告，需要把广告插到网页底部的一个固定的分享按钮上面，但由于它是用的rem，高度是会跟随屏幕变化，所以我们只能先去获取固定按钮的height在当前手机上的大小，再设置广告的paddingbottom。思路有了，那我们开始做吧！ WebView页面嵌入原生控件 这篇文章是在webview上嵌入view，设置一个占位元素，获取它离顶部的距离，再把view移动，盖在占位元素上面。 但是这个方法很明显与我们的需求不一样，但等等还是有用处的，我们接下来再说。
Android Webview适配屏幕宽度
zrbcsdn的专栏
07-25 1万+
网上有很多解决方案，但是，要么不适用（改h5），要么影响其他h5显示。 下面的代码，亲测，至少目前为止，管用。//支持javascript web.getSettings().setJavaScriptEnabled(true); // 设置可以支持缩放 web.getSettings().setSupportZoom(true); // 设置出现缩放工具 web.ge
Android webview控件加载网址无法跳转到微信和支付宝
最新发布
06-11
您好，可能是因为在Android WebView中，微信和支付宝的URL Scheme被认为是不安全的。您可以尝试在WebViewClient的shouldOverrideUrlLoading方法中添加以下代码，来打开微信和支付宝： ```java @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { if (url.startsWith("weixin://") || url.startsWith("alipays://")) { try { Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url)); startActivity(intent); } catch (ActivityNotFoundException e) { e.printStackTrace(); } return true; } view.loadUrl(url); return true; } ``` 这样，当WebView加载微信或支付宝的URL Scheme时，会启动对应的APP，并跳转到对应的页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值