WebView 加载html图片如何适应屏幕大小
2017-09-27 18:51
609 查看
当使用,WebView显示Html页面的时候,会发现图片大过手机的屏幕,需要拖动图片才可以查看,用户体验非常差,
实际上,要想使图片自适应屏幕大小,其实只要在
这样设置后图片就可以适应屏幕大小。
如果想了解详细一些的话,可以查看这个文字。
参考:android 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图片自适应手机屏幕大小&点击查看大图
相关文章推荐
- android webview加载html图片自适应手机屏幕大小&点击查看大图
- android webview加载html图片自适应手机屏幕大小&点击查看大图
- android webview加载html图片自适应手机屏幕大小&点击查看大图
- webview加载html标签有图片时,让图片自适应屏幕
- webview 加载HTML控制图片的大小
- 【iOS】WebView加载HTML图片大小自适应与文章自动换行
- android的WebView加载html内容图片超出屏幕范围
- WebView加载HTML时图片适配屏幕
- 使用webview加载html图片、表单超屏幕问题
- WebView加载图片超过屏幕大小的问题
- WebView加载HTML图片大小自适应与文章自动换行
- Android--WebView显示Html,让其中的图片适应屏幕宽度
- webview加载html图片过大左右滑动的解决/webview加载图片自适应大小
- WebView加载HTML图片大小自适应与文章自动换行
- ios navigationcontroller 滑动返回与webview加载html图片自适应屏幕宽度
- iOS开发——WebView加载HTML图片大小自适应与文章自动换行
- WebView加载图片超过屏幕大小的问题
- WebView加载HTML图片大小自适应与文章自动换行
- Android 如何让图片自适应WebView大小
- WebView加载图片超过屏幕大小,css控制图片大小