详解Android WebView加载html片段
这里我先简单描述一下需求：服务器返回的是html页面的一部分带有标签的内容。
解决的思路是：将服务器返回的内容片段拼凑成一个完整的页面。
下面直接上核心代码：
这里是WebView一些配置
WebSettings settings = webView.getSettings();
settings.setJavaScriptEnabled(true);
settings.setDomStorageEnabled(true);
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);
webView.setWebViewClient(new MyWebViewClient(activity));
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.TEXT_AUTOSIZING);
} else {
settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NORMAL);
}
webView.loadData(getHtmlData(item.content), "text/html;charset=utf-8","utf-8");
private String getHtmlData(String bodyHTML) {
String head = "<head>" +
"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\"> " +
"<style>html{padding:15px;} body{word-wrap:break-word;font-size:13px;padding:0px;margin:0px} p{padding:0px;margin:0px;font-size:13px;color:#222222;line-height:1.3;} img{padding:0px,margin:0px;max-width:100%; width:auto; height:auto;}</style>" +
"</head>";
return "<html>" + head + "<body>" + bodyHTML + "</body></html>";
}
static class MyWebViewClient extends WebViewClient{
private WaitingDialog dialog;
private Activity activity;
public MyWebViewClient(Activity activity){
dialog = new WaitingDialog(activity);
this.activity = activity;
}
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
LogUtil.e(url);
view.loadUrl(url);
return true;
}
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
super.onPageStarted(view, url, favicon);
if(!activity.isFinishing()) dialog.show();
}
@Override
public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
handler.proceed();
super.onReceivedSslError(view, handler, error);
}
@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
if(!activity.isFinishing()) dialog.dismiss();
}
笔者在Nexus6 7.0上面测试偶尔出现，html内容无法加载出来，显示一片空白，开启硬件加速后完美解决。
在上面WebView设置的部分加上如下代码
if (webView.isHardwareAccelerated()) settings.setJavaScriptEnabled(true);
怎么样简单吧，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍图片懒加载imgLazyLoading.js使用详解，包括了图片懒加载imgLazyLoading.js使用详解的使用技巧和注意事项，需要的朋友参考一下 本文主要介绍web前端使用图片懒加载imgLazyLoading ，供大家参考，具体内容如下 1、html代码 2、js代码 imgLazyLoading.min.js imgLazyLoading.js 以上就是本文的全部内容，希
-
本文向大家介绍Android Volley图片加载功能详解，包括了Android Volley图片加载功能详解的使用技巧和注意事项，需要的朋友参考一下 Gituhb项目 Volley源码中文注释项目我已经上传到github,欢迎大家fork和start. 为什么写这篇博客 本来文章是维护在github上的,但是我在分析ImageLoader源码过程中与到了一个问题,希望大家能帮助解答. Volle
-
本文向大家介绍Android ListView异步加载图片方法详解，包括了Android ListView异步加载图片方法详解的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Android ListView异步加载图片方法。分享给大家供大家参考，具体如下： 先说说这篇文章的优点把，开启线程异步加载图片，然后刷新UI显示图片，而且通过弱引用缓存网络加载的图片，节省了再次连接网络的开销。 这样
-
本文向大家介绍JS实现图片懒加载(lazyload)过程详解，包括了JS实现图片懒加载(lazyload)过程详解的使用技巧和注意事项，需要的朋友参考一下 对于图片较多的页面，使用懒加载可以大幅提高页面加载速度，提高用户体验。 懒加载的意义（为什么要使用懒加载） 对页面加载速度影响最大的就是图片，一张普通的图片可以达到几M的大小，而代码也许就只有几十KB。当页面图片很多时，页面的加载速度缓慢，几S
-
本文向大家介绍Node.js模块加载详解，包括了Node.js模块加载详解的使用技巧和注意事项，需要的朋友参考一下 JavaScript是世界上使用频率最高的编程语言之一，它是Web世界的通用语言，被所有浏览器所使用。JavaScript的诞生要追溯到Netscape那个时代，它的核心内容被仓促的开发出来，用以对抗Microsoft，参与当时白热化的浏览器大战。由于过早的发布，无可避免的造成了它的
-
本文向大家介绍JavaScript前端图片加载管理器imagepool使用详解，包括了JavaScript前端图片加载管理器imagepool使用详解的使用技巧和注意事项，需要的朋友参考一下 前言 imagepool是一款管理图片加载的JS工具，通过imagepool可以控制图片并发加载个数。 对于图片加载，最原始的方式就是直接写个img标签，比如：<img src="图片