Android webview解决图片过大出现水平滚动条的问题
2015-01-09 16:05
507 查看
现在在hybrid app中经常需要用webview加载html内容,有时候我们希望图片不要那么大,于是便需要图片自适应宽度,在Android 4.4之前可以很简单的用
webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); 就能解决这个问题,但在4.4webview内核改写后,这种single_column的算法不再被支持,所以我们得另寻解决方法,最彻底的方法就是对html内容修改,这个我们可以用jsoup来方便的操作html内容。Jsoup:http://jsoup.org/,这里能找到jsoup的库,导入项目后就可以用jsoup了。我们写一个将img便签宽度改为100%适应的方法:
/**
* @param htmlContent 原来的html
* @return 改变img标签宽度以后的html
*/
public static String changeImgWidth(String htmlContent){
Document doc_Dis = Jsoup.parse(htmlContent);
Elements ele_Img = doc_Dis.getElementsByTag("img");
if (ele_Img.size() != 0){
for (Element e_Img : ele_Img) {
e_Img.attr("style", "width:100%");
}
}
String newHtmlContent=doc_Dis.toString();
return newHtmlContent;
}然后我们可以放心加载我们的内容了:
String htmlContent= changeImgWidth(originHtml);
webView.loadDataWithBaseURL(null,htmlContent,"text/html","utf-8",null);这种方法其实是通用的方法,以后有任何html元素效果问题,都可以用jsoup的方式修改
webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); 就能解决这个问题,但在4.4webview内核改写后,这种single_column的算法不再被支持,所以我们得另寻解决方法,最彻底的方法就是对html内容修改,这个我们可以用jsoup来方便的操作html内容。Jsoup:http://jsoup.org/,这里能找到jsoup的库,导入项目后就可以用jsoup了。我们写一个将img便签宽度改为100%适应的方法:
/**
* @param htmlContent 原来的html
* @return 改变img标签宽度以后的html
*/
public static String changeImgWidth(String htmlContent){
Document doc_Dis = Jsoup.parse(htmlContent);
Elements ele_Img = doc_Dis.getElementsByTag("img");
if (ele_Img.size() != 0){
for (Element e_Img : ele_Img) {
e_Img.attr("style", "width:100%");
}
}
String newHtmlContent=doc_Dis.toString();
return newHtmlContent;
}然后我们可以放心加载我们的内容了:
String htmlContent= changeImgWidth(originHtml);
webView.loadDataWithBaseURL(null,htmlContent,"text/html","utf-8",null);这种方法其实是通用的方法,以后有任何html元素效果问题,都可以用jsoup的方式修改
相关文章推荐
- 关于WebView因图片太大导致出现横向滚动条问题
- 如何解决Android WebView出现的乱码问题
- Android 水平加载图片 自定义 HorizontalScrollView,防止一次性加载出现性能问题,防止OOM
- Android WebView加载出现空白页面问题解决
- 快速解决android webview https图片不显示的问题
- Android WebView中使用loadData时出现的乱码问题解决办法
- 如何解决Android WebView出现的乱码问题
- Android开发之如何在WebView中点击链接使用自身打开(解决出现的选择使用第三方应用的问题)
- android webview图片文件上传兼容性问题——上传控件点击无效的解决办法
- 解决android 6.0 webview加载https出现空白页问题
- Android 中 WebView 与 js 简单交互实现图文混排效果,解决图片自适应屏幕与查看大图问题
- 如何解决Android WebView出现的乱码问题
- Android 中 WebView 与 js 简单交互实现图文混排效果,解决图片自适应屏幕与查看大图问题
- 解决webview加载过大的图片导致水平滑动的视觉
- 解决android webview https图片不显示问题
- Android之解决用webView控件展示快递100查询物流出现错误的问题
- android Webview中注入js,用于解决第三方页中出现返回事件window.history.go(-1),无法响应问题
- 解决android webview中图片不显示问题
- android用webview加载H5页面出现点击事件失效的问题解决
- 解决 react native 的 webview 组件不支持android客户端上传图片文件问题