android webview css样式不支持,解决低版本安卓系统中webview对css的background写法不兼容问题...

背景

对接第三方app的时候发现内嵌网页里面的背景图死活出不来,但是在同一个手机上的微信自带浏览器确是正常的,通过各种尝试终于发现问题,记录一下。

对方使用的方式是app里面内嵌一个webview加载我方的手机端页面,这个页面在大部分流行的安卓机器上都使用正常,没有出现过大的样式偏差,但是一放进app里面样式就出现了问题。具体表现是一个div容器的背景图出现不了,背景颜色也没有了。

分析

首先把原来的代码贴出来

background: #e3e3e3 url("../img/loading.gif") no-repeat center center / 70px auto;

display: block;

position: fixed;

top: 0;

left: 0;

z-index: 50001;

width: 100%;

height: 100%;

通过排除法首先去掉这个div容器position的fixed,因为fixed出现过很多不兼容问题,我首先想到的就是这个问题,直接删掉position这个样式,测试发现问题依旧。

我开始怀疑是网络加载慢导致的背景图加载不出来。直接去掉背景图,背景颜色居然神奇的出现了,代码变成了这样

background: #e3e3e3;

display: block;

position: fixed;

top: 0;

eft: 0;

z-index: 50001;

width: 100%;

height: 100%;

真是诡异,正常情况下不应该&

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WebView第二次调用loadUrl时,页面不会刷新的原因可能是由于缓存导致的。因为WebView默认启用了缓存机制,当再次加载同一个URL时,会直接从缓存读取,而不会重新请求服务器。 要解决这个问题,可以通过以下两种方式: 1.禁用WebView缓存 在调用loadUrl之前,可以通过设置WebSettings对象禁用缓存: ```java webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE); ``` 这样每次加载URL时,都会强制从服务器重新获取数据,并禁用缓存。 2.强制刷新WebViewWebView添加一个刷新按钮,每次点击刷新按钮时,强制刷新WebView。具体实现如下: ```java // 添加一个刷新按钮 Button refreshBtn = findViewById(R.id.refresh_btn); refreshBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { webView.reload(); } }); // 在WebViewClient监听页面加载完成事件,并隐藏刷新按钮 webView.setWebViewClient(new WebViewClient() { @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); refreshBtn.setVisibility(View.GONE); } @Override public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) { super.onReceivedError(view, errorCode, description, failingUrl); refreshBtn.setVisibility(View.VISIBLE); } }); ``` 当页面加载完成时,隐藏刷新按钮;当页面加载失败时,显示刷新按钮。这样就可以通过点击刷新按钮来强制刷新WebView了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值