在 android 中,我将带有本地镜像的本地 html 加载到 web View 中。在模拟器上,甚至在我测试过的一台较新的安卓设备上,一切正常——没有问题。但是,我有一个更旧的设备(使用 android 2.3.4)有问题。当我第一次加载 html 文件时,图像显示正常。当我单击电话后退按钮,然后导航回页面时,图像消失了。我想弄清楚这是一个常见问题还是旧手机的问题。
这是加载文件:
w = (WebView) findViewById(R.id.webview1);
w.getSettings().setJavaScriptEnabled(true);
w.getSettings().setBuiltInZoomControls(false);
w.getSettings().setDefaultTextEncodingName("utf-8");
InputStream is;
try {
is = getAssets().open("Learn/TrigGraphing.html");
int size = is.available();
byte[] buffer = new byte[size];
is.read(buffer);
is.close();
String str = new String(buffer);
w.loadDataWithBaseURL("file:///android_asset/Learn/Images/", str, "text/html", "utf-8", "file:///android_asset/Learn/TrigGraphing.html");
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
这是 html:
<img id="img03" class="images" src="file:///android_asset/Learn/Images/UnitCircle10.png"/>
还有一个变化 - 如果图像太大而无法显示在屏幕上,我会调整图像的大小。这主要针对平板电脑。在 html 正文 onload() 函数上,我执行以下 javascript:
function checkImgSize() {
if($(document).width() > $(window).width()) {
windowWidth = $(window).width();
var elements = document.getElementsByClassName("images");
for (var i=0; i<elements.length; i++) {
currentImgWidth = elements[i].width;
currentImgHeight = elements[i].height;
newImgWidth = Math.round(0.85*windowWidth);
newImgHeight = (newImgWidth/currentImgWidth)*currentImgHeight;
elements[i].style.width = newImgWidth;
elements[i].style.height = newImgHeight;
}
}
我查看了这个调整大小功能,但我不明白为什么如果第二次加载它们会使图像消失,但我不确定。有人有什么建议吗?
最佳答案
想了想自己的问题解决了。显然,网页在加载一次后从缓存中加载,出于某种原因,这搞砸了——尽管我仍然不确定为什么。我刚刚用“w.clearCache(true);”清除了缓存在加载 html 之前,它现在工作正常。
关于java - Android webview 图像加载一次后不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29357526/