Android 混合开发 hybrid app -- 2

最新推荐文章于 2024-01-09 14:28:38 发布

WangRain1

最新推荐文章于 2024-01-09 14:28:38 发布

阅读量1.1k

点赞数 1

分类专栏：混合app开发-HyBird Android 混合App 开发0到1

本文链接：https://blog.csdn.net/wangrain1/article/details/74455844

版权

混合app开发-HyBird 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

Android 混合App 开发0到1

3 篇文章 1 订阅

订阅专栏

之前的项目中，在做webview的时候，遇到后台返回的数据是 html 标签的样子，并不是我们通常用的接口直接返回的是 html 页面的形式。这种情况不多，但是像网易新闻的详情页都是直接返回的 html 标签代码。并不是我们熟悉的 html 页面。所以今天就来总结一下，也算是混合开发中的一个知识点。

很多人都知道，我们正常的加载网页的方法：loadurl（）能加载本地的html 页面也能加载服务器上的页面。真的就这两种吗？no no no·····

后台给我们的接口地址，可能是我们的网页地址，也有可能是 html的json 语言字符串。例如：

返回这样的json 数据的html body里面的内容。今天主要讲这种webview 怎么加载。

首先分析一下数据：这个后台返回的json数据是html 内容，但是没有

<html>

</html> 这些标签，也没有 css 和 js等

但是webview 给我们提供了这个方法：

webView.loadDataWithBaseURL(String baseUrl, String data, String mimeType, String encoding, String historyUrl);

对这个方法就是我们加载 html 标签语言来显示数据的。对于他们的参数下面用例子中讲。所以我们只要把后台返回的数据，如果没有 <html><head><body> 这些个标签时，我们要拼接。简单例子：

WebView webView = new WebView(this);
StringBuilder htmlString = new StringBuilder();
htmlString.append("<html>");
htmlString.append("<head>");
htmlString.append("<title>欢迎你</title>");
//这里也可以 拼接 <link> 标签 导入我们的 css 文件
htmlString.append("</head>");
htmlString.append("<body>");
//这里拼接  你后台返回的 json 数据
htmlString.append("</body>");
htmlString.append("</html>");
//使用简单的loadData方法会导致乱码
//show.loadData(sb.toString(), "text/html", "utf-8");
webView.loadDataWithBaseURL(null,htmlString.toString(), "text/html", "utf-8", null);