欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  移动技术

详解Android WebView加载html片段

程序员文章站 2023-12-16 18:32:28
这里我先简单描述一下需求：服务器返回的是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);

怎么样简单吧，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：

下一篇：

推荐阅读