webview与HTML加载自适应问题解决方案(网页拖动右边有空白)

简介:
前几天项目遇到了webview加载HTML的时候,网页拖动右边有空白的现象,找了很多方案,都没解决,我研究了一下,其实很简单,特把方法列出来,供大家参考一下,希望能对大家有所帮助。

先看效果图
怎么拖都不会动,同时加 有对网页放大和缩小的功能。

先把代码拿出来,HTML的我是PHP写的,
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><? echo $arr['subject'];?></title>
<style type="text/css">
<!--
*{ margin:0; padding:0}
body{
margin-left:0;
margin-right:0;
}
.STYLE1 {color: #006699; font-weight:bold}
-->
</style>
</head>

<body>
<table width="98%" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td ><span class="STYLE1"><? echo $arr['subject'];?></span></td>
  </tr>
  <tr>
    <td >作者:<? echo $arr[author];?>  时间:<? echo tranTime($arr[postdate]);?></td>
  </tr>
  <tr>
    <td><? echo $content;?></td>
  </tr>
</table>
</body>
</html>
跟一般的写法没什么两样,其中上面加载PHP的我省略掉了,相信大家能看明白。

下面是JAVA代码
String url="http://www.dengwei1999.com/newslist.php?id=8";
wv = (WebView) findViewById(R.id.webView1);
                wv.setVisibility(WebView.VISIBLE);
                WebSettings ws = wv.getSettings();
                //ws.setUseWideViewPort(true);
                ws.setJavaScriptEnabled(true);
                wv.addJavascriptInterface(new ContactsPlugin(), "contactsAction");
                //设置可以支持缩放   
                wv.getSettings().setSupportZoom(true);   
                //设置默认缩放方式尺寸是far   
                wv.getSettings().setDefaultZoom(WebSettings.ZoomDensity.FAR);  
                //设置出现缩放工具   
                wv.getSettings().setBuiltInZoomControls(true);

wv.loadUrl(url);

就这样就可以实现了,是不是很简单。呵呵
相关文章
|
4月前
|
移动开发 前端开发 HTML5
Twaver-HTML5基础学习(20)数据容器(3)_数据的批量加载(节省性能方法)
本文介绍了Twaver HTML5中数据的批量加载方法,通过使用`box.startBatch()`可以在大量数据加载时提高性能。文章通过示例代码展示了如何在React组件中使用批量加载功能,以减少界面重绘次数并提升效率。
63 2
Twaver-HTML5基础学习(20)数据容器(3)_数据的批量加载(节省性能方法)
|
3月前
|
JSON 数据格式
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
157 2
|
4月前
|
缓存 前端开发 JavaScript
html最大限度提高加载速度
要提高HTML页面的加载速度,可以采用多种策略:优化HTML结构,精简标签和合并文件;使用异步加载资源,如添加`async`或`defer`属性;压缩文件,利用HTMLMinifier减小文件大小;优化图片,采用合适格式和尺寸;利用CDN托管静态资源;设置HTTP缓存头以利用浏览器缓存;减少HTTP请求,合并文件;启用Gzip压缩;优化服务器响应时间;使用优雅降级和渐进增强确保兼容性。综合应用这些方法能显著提升加载速度和用户体验。
|
5月前
|
Android开发
【Azure 环境】移动应用 SSO 登录AAD, MSAL的配置为Webview模式时登录页面无法加载
【Azure 环境】移动应用 SSO 登录AAD, MSAL的配置为Webview模式时登录页面无法加载
|
7月前
|
Android开发 UED Kotlin
kotlin webview 加载网页失败后如何再次重试
在Kotlin中,当使用WebView加载网页失败时,可通过设置WebViewClient并覆盖`onReceivedError`方法来捕获失败事件。在该回调中,可以显示错误信息或尝试使用`reload()`重试加载。以下是一个简要示例展示如何处理加载失败
|
7月前
|
安全 JavaScript 前端开发
kotlin开发安卓app,JetPack Compose框架,给webview新增一个按钮,点击刷新网页
在Kotlin中开发Android应用,使用Jetpack Compose框架时,可以通过添加一个按钮到TopAppBar来实现WebView页面的刷新功能。按钮位于右上角,点击后调用`webViewState?.reload()`来刷新网页内容。以下是代码摘要:
|
7月前
|
JavaScript 前端开发 Android开发
kotlin安卓在Jetpack Compose 框架下使用webview , 网页中的JavaScript代码如何与native交互
在Jetpack Compose中使用Kotlin创建Webview组件,设置JavaScript交互:`@Composable`函数`ComposableWebView`加载网页并启用JavaScript。通过`addJavascriptInterface`添加`WebAppInterface`类,允许JavaScript调用Android方法如播放音频。当页面加载完成时,执行`onWebViewReady`回调。
|
7月前
|
Web App开发 移动开发 前端开发
52. 【Android教程】网页视图:WebView
52. 【Android教程】网页视图:WebView
106 1
|
6月前
|
Android开发 iOS开发
WebView加载https的空白及图片加载不了的问题
WebView加载https的空白及图片加载不了的问题
293 0
|
6月前
|
JavaScript 前端开发 UED
【源码分享】简单的404 HTML页面示例,该页面在加载时会等待2秒钟,然后自动重定向到首页
【源码分享】简单的404 HTML页面示例,该页面在加载时会等待2秒钟,然后自动重定向到首页
473 0