您的位置:首页 > 移动开发

WebView 加载html图片如何适应屏幕大小

2017-09-27 18:51 609 查看
当使用,WebView显示Html页面的时候,会发现图片大过手机的屏幕,需要拖动图片才可以查看,用户体验非常差,

实际上,要想使图片自适应屏幕大小,其实只要在

private final WebViewClient webViewClient = new WebViewClient() {

@Override
public boolean shouldOverrideUrlLoading(WebView webView, String url) {
if (!TextUtils.isEmpty(url) && !Navigator.openStandardLink(webView.getContext(), url)) {
Navigator.openInBrowser(webView.getContext(), url);
}
return true;
}

@Override
public void onPageFinished(WebView view, String url) {
AlphaWebView.this.onPageFinished(url);
//  html加载完成之后,调用js的方法,使用该方法就可以使html中的图片适应屏幕大小
imgReset();
}

};
private void imgReset() {
loadUrl("javascript:(function(){"
+ "var objs = document.getElementsByTagName('img'); "
+ "for(var i=0;i<objs.length;i++)  " + "{"
+ "var img = objs[i];   "
+ "    img.style.width = '100%';   "
+ "    img.style.height = 'auto';   "
+ "}" + "})()");
}


这样设置后图片就可以适应屏幕大小。

如果想了解详细一些的话,可以查看这个文字。

参考:android webview加载html图片自适应手机屏幕大小&点击查看大图
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html 图片 webview