前言

这个题目可能取得不大好，想了很久没想出更合适的了。在android开发webview的时候，有的时候后台不一定给的就是一个url，而是把一些HTML，css，js语言代码给你，然后你自行组装出webview能够识别的语言，并加载到页面当中。

示例

/**
     * body : <div class="main-wrap content-wrap">...</div>
     * image_source : 《四月物语》
     * title : 我喜欢你，但你别喜欢我：囚禁在单相思中的性单恋者
     * image : http://pic3.zhimg.com/4d37a2dff96d07f6a01e7b8aabd63032.jpg
     * share_url : http://daily.zhihu.com/story/9100667
     * js : []
     * ga_prefix : 122713
     * images : ["http://pic4.zhimg.com/a32e73507ebe9a963f48c3bcc9808773.jpg"]
     * type : 0
     * id : 9100667
     * css : ["http://news-at.zhihu.com/css/news_qa.auto.css?v=4b3e3"]
     */

假如后台给你一个url，而url实则是json数据对应的连接，并不能直接加载到webview当中，此时该如何解决。这个问题我可以说是一年前就遇到了，后来一是不知道怎么查，在网上没有找到相应的资料，二是身边没有前端的人来指导，今天问过了前端的同事，才明白了一二。

代码分析

在往常前端开发当中一般都是自己写HTML和CSS代码，然后显示在浏览器，也就android中的webview。对于android这种情况，只能拼接代码。后台提供相应代码，android开发自己拼接。其实没有那么想象中的那么难，因为说到底都是字符串，对字符串进行一定的格式化就能轻易达到效果。

代码实现

public class HtmlUtil {
    // css样式，隐藏header
    private static final String HIDE_HEADER_STYLE = "<style>div.headline{display:none;}</style>";

    // css style tag, 需要格式化
    private static final String NEEDED_FORMAT_CSS_TAG = "<link rel=\"stylesheet\" type=\"text/css\" href=\"%s\"/>";

    // js script tag, 需要格式化
    private static final String NEEDED_FORMAT_JS_TAG = "<script src=\"%s\"></script>";

    public static final String MIME_TYPE = "text/html; charset=utf-8";

    public static final String ENCODING = "utf-8";

    public HtmlUtil() {
    }

    /**
     * 根据css链接生成Link标签
     * @param url String
     * @return String
     */
    public static String createCssTag(String url) {
        return String.format(NEEDED_FORMAT_CSS_TAG, url);
    }

    /**
     * 根据多个css链接生成Link标签
     * @param urls List<String>
     * @return String
     */
    public static String createCssTag(List<String> urls) {
        final StringBuilder sb = new StringBuilder();
        for (String url : urls) {
            sb.append(createCssTag(url));
        }
        return sb.toString();
    }

    /**
     * 根据js链接生成Script标签
     *
     * @param url String
     * @return String
     */
    public static String createJsTag(String url) {

        return String.format(NEEDED_FORMAT_JS_TAG, url);
    }

    /**
     * 根据多个js链接生成Script标签
     *
     * @param urls List<String>
     * @return String
     */
    public static String createJsTag(List<String> urls) {

        final StringBuilder sb = new StringBuilder();
        for (String url : urls) {
            sb.append(createJsTag(url));
        }
        return sb.toString();
    }

    /**
     * 根据样式标签,html字符串,js标签
     * 生成完整的HTML文档
     */
    public static String createHtmlData(String html, List<String> cssList, List<String> jsList) {
        final String css = HtmlUtil.createCssTag(cssList);
        final String js = HtmlUtil.createJsTag(jsList);
        return css.concat(HIDE_HEADER_STYLE).concat(html).concat(js);
    }
}

这是个工具类，专门用于将HTML，CSS等语言连接成HTML。先来看我们使用的方法createHtmlData，返回的是string连接的一个字符串，concat方法如下：

image.png

css：将json中的css代码取出来，并加上前缀

HIDE_HEADER_STYLE：定义整体HTML的style

html：这个直接就是json数据当中的html代码

js:将json中的js代码取出来，并加上前缀。

加标签前缀就是利用
String.format(NEEDED_FORMAT_JS_TAG, url);方法，将前面格式中的%s，替换成后边的代码。

引用到webview

String htmlData = HtmlUtil.createHtmlData(entity.getBody(), entity.getCss(), entity.getJs());
webview.loadData(htmlData, HtmlUtil.MIME_TYPE, HtmlUtil.ENCODING);

源代码引用
https://github.com/yiyibb/Zhihu

感兴趣的同学可以关注一下我的微信公众号，或者微信搜索 开发 Android的小学生

image.png