WebView 加载html图片如何适应屏幕大小
来源:互联网 发布:win7网络打印机找不到 编辑:程序博客网 时间:2024/06/05 08:05
当使用,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图片自适应手机屏幕大小&点击查看大图
阅读全文
0 0
- WebView 加载html图片如何适应屏幕大小
- webview 图片 适应 屏幕大小
- 让webView适应屏幕大小
- 如何运用CSS在HTML中让图片自动适应屏幕大小的问题
- webview 加载HTML控制图片的大小
- Android图片适应屏幕大小
- Android图片适应屏幕大小
- Android 如何适应屏幕大小
- webview图片适应屏幕,图片可点击
- 懒加载图片适应大小
- WebView加载图片超过屏幕大小的问题
- WebView加载图片超过屏幕大小的问题
- WebView加载图片超过屏幕大小,css控制图片大小
- WebView加载图片超过屏幕大小的问题
- Android webview图片适应屏幕问题
- webview加载html图片过大左右滑动的解决/webview加载图片自适应大小
- webview加载html图片过大左右滑动的解决/webview加载图片自适应大小
- 让图片适应屏幕大小[原创代码]
- newFixedThreadPool线程池
- 20170927_快排应用_数组中寻找最大的K个数
- luogu2420 让我们异或吧
- linux第二章练习
- html5增加与移除元素总结
- WebView 加载html图片如何适应屏幕大小
- dpdk对虚拟化支持研究
- 解决IQKeyboardManager在Xcode 9、iOS11上不显示Done完成按钮
- Android Studio系列(二)使用AS开发/调试整个android系统源代码(不定时更新)
- Linux class 接口的使用
- 几张图帮你理解 docker 基础原理及快速入门
- (一)Bootstrap——基本下拉菜单制作步骤
- ionic3基础之本地缓存
- Vue 组件间通信实例