android html 与webview属性从冲突
2024-10-05 17:29:36
在最近的项目开发中,使用webview加载html页面,这样可以节省大量页面开发的时间,同时也可加快项目进度。
我们需求是需要显示商品评论,页面设计如下:
调用android代码,对于webview的设置如下:
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setBuiltInZoomControls(true);
webView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
webView.getSettings().setDefaultTextEncodingName("UTF-8");
在展示数据的时候,出现问题。实际效果如下:
这里物流速度和产品质量无法显示.
html的关键代码如下:
switch (jsonForCreat.DATA[i].QUALITYLEVEL){
case '1':
$("#q"+jsonForCreat.DATA[i].KEY_ID).css("background-position", "0px 515px");
break;
case '2':
$("#q"+jsonForCreat.DATA[i].KEY_ID).css("background-position", "0px 535px");
break;
case '3':
$("#q"+jsonForCreat.DATA[i].KEY_ID).css("background-position", "0px 555px");
break;
case '4':
$("#q"+jsonForCreat.DATA[i].KEY_ID).css("background-position", "0px 575px");
break;
case '5':
$("#q"+jsonForCreat.DATA[i].KEY_ID).css("background-position", "0px 595px");
break;
default :
$("#q"+jsonForCreat.DATA[i].KEY_ID).css("background-position", "0px 595px");
break;
}
switch (jsonForCreat.DATA[i].SPEEDLEVEL){
case '1':
$("#s"+jsonForCreat.DATA[i].KEY_ID).css("background-position", "0px 515px");
break;
case '2':
$("#s"+jsonForCreat.DATA[i].KEY_ID).css("background-position", "0px 535px");
break;
case '3':
$("#s"+jsonForCreat.DATA[i].KEY_ID).css("background-position", "0px 555px");
break;
case '4':
$("#s"+jsonForCreat.DATA[i].KEY_ID).css("background-position", "0px 575px");
break;
case '5':
$("#s"+jsonForCreat.DATA[i].KEY_ID).css("background-position", "0px 595px");
break;
default :
$("#s"+jsonForCreat.DATA[i].KEY_ID).css("background-position", "0px 595px");
break;
}
在仔细对比所有的数据格式无误,对比ios,发现:
同样的html页面,同样的数据,这个页面在ios上显示正常,在android上就是无法显示物流速度和产品质量的评价星数。
最后在比对webview设置的时候,将webview属性
webView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
注释掉以后,发现显示正常了,
查询资料得知:
SINGLE_COLUMN:把所有内容放到WebView组件等宽的一列中。
这个属性至于为何与html显示冲突,还不得而知,也希望有牛人能给予解答。
最新文章
- 实现对gridview删除行时弹出确认对话框的一种简单方法
- LTP随笔——本地调用ltp之ltp4j
- Android studio导入eclipse项目且不改变目录结构
- ThinkPHP 3.2 模板中的Angularjs 的变量{{$first}} 无法被解析
- Android常用设计模式(一)
- H.264 RTPpayload 格式------ H.264 视频 RTP 负载格式
- SharePoint 2013 创建一个搜索中心和搜索设置
- Shell 基础教程
- 3ds max学习笔记(十)-- 实例操作(镜像和对齐)
- pyg 图片服务器中使用的nginx 编译位置
- essential c++ 第一章 array及vector相关使用
- txt文件匹配脚本
- 【LOJ】#2123. 「HEOI2015」最短不公共子串
- Rollup 与 webpack的区别
- 复杂HTML页面解析
- Nginx+Tomcat+Session 高性能群集搭建
- Android开发:《Gradle Recipes for Android》阅读笔记(翻译)3.4——Flavor Dimensions
- 关于Kinect音频开发的探究
- P2487 [SDOI2011]拦截导弹
- Centos7搭建redis,同一服务器启动两个端口的redis
热门文章
- [MFC] CList
- [51单片机] SPI nRF24L01 无线简单程序 1
- paip.突破 网站 手机 验证码 的 破解 总结
- Apple移动设备处理器指令集 armv6、armv7、armv7s及arm64
- JAVA学习Swing章节标签JLabel中图标的使用
- FreeMarker模板语法
- HOWTO - 压缩封装的Setup.exe(纯MSI)安装包获取运行Log
- Python LDAP中的时间戳转换为Linux下时间
- android手机两种方式获取IP地址
- CROC 2016 - Final Round [Private, For Onsite Finalists Only] C. Binary Table FWT