Html 压缩遇到的坑

今天介绍下HTML压缩,在wordpress 里面很多工具可以使用如 Super Static Cache。但是到了Jpress.就不一样的了,尤其底层使用了JAVA的变化.

自从使用了Jpress 整个资源都发生了变化。大家看到Html 压缩资源想到Html 压缩自然而然的想到了Freemarker 的默认方案

<#compress>...
<@compress single_line=true>...

但是这个里面坑主要是对于代码块的模式都采用了压缩。所以导致整个代码块压缩成一行。无法显示。

 

所以采用了新的模式;

package me.duzhi.blog.front;

/**
 * @author ashang.peng@aliyun.com
 * @date 十二月 20, 2016
 */


import java.util.ArrayList;
import java.util.List;
import java.util.regex.Matcher;
import java.util.regex.Pattern;

public class HtmlFilter {
    private static ThreadLocal<Boolean> local = new ThreadLocal<Boolean>();

    public static boolean isCompress() {
        return local.get() == null ? false : local.get();
    }

    public static void setCompress(Boolean compress) {
        local.set(compress);
    }

    public static String compressor(String html) {
        try {
            if(isCompress()){
                return HtmlCompressor.compress(html);
            }
            return html;
        } catch (Exception e) {
            return html;
        }
    }
}


class HtmlCompressor {
    private static String tempPreBlock = "%%%HTMLCOMPRESS~PRE&&&";
    private static String tempTextAreaBlock = "%%%HTMLCOMPRESS~TEXTAREA&&&";
    private static String tempScriptBlock = "%%%HTMLCOMPRESS~SCRIPT&&&";
    private static String tempStyleBlock = "%%%HTMLCOMPRESS~STYLE&&&";
    private static String tempJspBlock = "%%%HTMLCOMPRESS~JSP&&&";

    private static Pattern commentPattern = Pattern.compile("<!--\\s*[^\\[].*?-->", Pattern.DOTALL | Pattern.CASE_INSENSITIVE | Pattern.MULTILINE);
    private static Pattern itsPattern = Pattern.compile(">\\s+?<", Pattern.DOTALL | Pattern.CASE_INSENSITIVE | Pattern.MULTILINE);
    private static Pattern prePattern = Pattern.compile("<pre[^>]*?>.*?</pre>", Pattern.DOTALL | Pattern.CASE_INSENSITIVE | Pattern.MULTILINE);
    private static Pattern taPattern = Pattern.compile("<textarea[^>]*?>.*?</textarea>", Pattern.DOTALL | Pattern.CASE_INSENSITIVE | Pattern.MULTILINE);
    private static Pattern jspPattern = Pattern.compile("<%([^-@][\\w\\W]*?)%>", Pattern.DOTALL | Pattern.CASE_INSENSITIVE | Pattern.MULTILINE);
    // <script></script>
    private static Pattern scriptPattern = Pattern.compile("(?:<script\\s*>|<script type=['\"]text/javascript['\"]\\s*>)(.*?)</script>", Pattern.DOTALL | Pattern.CASE_INSENSITIVE | Pattern.MULTILINE);
    private static Pattern stylePattern = Pattern.compile("<style[^>()]*?>(.+)</style>", Pattern.DOTALL | Pattern.CASE_INSENSITIVE | Pattern.MULTILINE);

    // 单行注释,
    private static Pattern signleCommentPattern = Pattern.compile("//.*");
    // 字符串匹配
    private static Pattern stringPattern = Pattern.compile("(\"[^\"\\n]*?\"|'[^'\\n]*?')");
    // trim去空格和换行符
    private static Pattern trimPattern = Pattern.compile("\\n\\s*", Pattern.MULTILINE);
    private static Pattern trimPattern2 = Pattern.compile("\\s*\\r", Pattern.MULTILINE);
    // 多行注释
    private static Pattern multiCommentPattern = Pattern.compile("/\\*.*?\\*/", Pattern.DOTALL | Pattern.CASE_INSENSITIVE | Pattern.MULTILINE);

    private static String tempSingleCommentBlock = "%%%HTMLCOMPRESS~SINGLECOMMENT&&&";  // //占位符
    private static String tempMulitCommentBlock1 = "%%%HTMLCOMPRESS~MULITCOMMENT1&&&";  // /*占位符
    private static String tempMulitCommentBlock2 = "%%%HTMLCOMPRESS~MULITCOMMENT2&&&";  // */占位符


    public static String compress(String html) throws Exception {
        if (html == null || html.length() == 0) {
            return html;
        }

        List<String> preBlocks = new ArrayList<String>();
        List<String> taBlocks = new ArrayList<String>();
        List<String> scriptBlocks = new ArrayList<String>();
        List<String> styleBlocks = new ArrayList<String>();
        List<String> jspBlocks = new ArrayList<String>();

        String result = html;

        //preserve inline java code
        Matcher jspMatcher = jspPattern.matcher(result);
        while (jspMatcher.find()) {
            jspBlocks.add(jspMatcher.group(0));
        }
        result = jspMatcher.replaceAll(tempJspBlock);

        //preserve PRE tags
        Matcher preMatcher = prePattern.matcher(result);
        while (preMatcher.find()) {
            preBlocks.add(preMatcher.group(0));
        }
        result = preMatcher.replaceAll(tempPreBlock);

        //preserve TEXTAREA tags
        Matcher taMatcher = taPattern.matcher(result);
        while (taMatcher.find()) {
            taBlocks.add(taMatcher.group(0));
        }
        result = taMatcher.replaceAll(tempTextAreaBlock);

        //preserve SCRIPT tags
        Matcher scriptMatcher = scriptPattern.matcher(result);
        while (scriptMatcher.find()) {
            scriptBlocks.add(scriptMatcher.group(0));
        }
        result = scriptMatcher.replaceAll(tempScriptBlock);

        // don't process inline css
        Matcher styleMatcher = stylePattern.matcher(result);
        while (styleMatcher.find()) {
            styleBlocks.add(styleMatcher.group(0));
        }
        result = styleMatcher.replaceAll(tempStyleBlock);

        //process pure html
        result = processHtml(result);

        //process preserved blocks
        result = processPreBlocks(result, preBlocks);
        result = processTextareaBlocks(result, taBlocks);
        result = processScriptBlocks(result, scriptBlocks);
        result = processStyleBlocks(result, styleBlocks);
        result = processJspBlocks(result, jspBlocks);

        preBlocks = taBlocks = scriptBlocks = styleBlocks = jspBlocks = null;

        return result.trim();
    }

    private static String processHtml(String html) {
        String result = html;

        //remove comments
//		if(removeComments) {
        result = commentPattern.matcher(result).replaceAll("");
//		}

        //remove inter-tag spaces
//		if(removeIntertagSpaces) {
        result = itsPattern.matcher(result).replaceAll("><");
//		}

        //remove multi whitespace characters
//		if(removeMultiSpaces) {
        result = result.replaceAll("\\s{2,}", " ");
//		}

        return result;
    }

    private static String processJspBlocks(String html, List<String> blocks) {
        String result = html;
        for (int i = 0; i < blocks.size(); i++) {
            blocks.set(i, compressJsp(blocks.get(i)));
        }
        //put preserved blocks back
        while (result.contains(tempJspBlock)) {
            result = result.replaceFirst(tempJspBlock, Matcher.quoteReplacement(blocks.remove(0)));
        }

        return result;
    }

    private static String processPreBlocks(String html, List<String> blocks) throws Exception {
        String result = html;

        //put preserved blocks back
        while (result.contains(tempPreBlock)) {
            result = result.replaceFirst(tempPreBlock, Matcher.quoteReplacement(blocks.remove(0)));
        }

        return result;
    }

    private static String processTextareaBlocks(String html, List<String> blocks) throws Exception {
        String result = html;

        //put preserved blocks back
        while (result.contains(tempTextAreaBlock)) {
            result = result.replaceFirst(tempTextAreaBlock, Matcher.quoteReplacement(blocks.remove(0)));
        }

        return result;
    }

    private static String processScriptBlocks(String html, List<String> blocks) throws Exception {
        String result = html;

//		if(compressJavaScript) {
        for (int i = 0; i < blocks.size(); i++) {
            blocks.set(i, compressJavaScript(blocks.get(i)));
        }
//		}

        //put preserved blocks back
        while (result.contains(tempScriptBlock)) {
            result = result.replaceFirst(tempScriptBlock, Matcher.quoteReplacement(blocks.remove(0)));
        }

        return result;
    }

    private static String processStyleBlocks(String html, List<String> blocks) throws Exception {
        String result = html;

//		if(compressCss) {
        for (int i = 0; i < blocks.size(); i++) {
            blocks.set(i, compressCssStyles(blocks.get(i)));
        }
//		}

        //put preserved blocks back
        while (result.contains(tempStyleBlock)) {
            result = result.replaceFirst(tempStyleBlock, Matcher.quoteReplacement(blocks.remove(0)));
        }

        return result;
    }

    private static String compressJsp(String source) {
        //check if block is not empty
        Matcher jspMatcher = jspPattern.matcher(source);
        if (jspMatcher.find()) {
            String result = compressJspJs(jspMatcher.group(1));
            return (new StringBuilder(source.substring(0, jspMatcher.start(1))).append(result).append(source.substring(jspMatcher.end(1)))).toString();
        } else {
            return source;
        }
    }

    private static String compressJavaScript(String source) {
        //check if block is not empty
        Matcher scriptMatcher = scriptPattern.matcher(source);
        if (scriptMatcher.find()) {
            String result = compressJspJs(scriptMatcher.group(1));
            return (new StringBuilder(source.substring(0, scriptMatcher.start(1))).append(result).append(source.substring(scriptMatcher.end(1)))).toString();
        } else {
            return source;
        }
    }

    private static String compressCssStyles(String source) {
        //check if block is not empty
        Matcher styleMatcher = stylePattern.matcher(source);
        if (styleMatcher.find()) {
            // 去掉注释,换行
            String result = multiCommentPattern.matcher(styleMatcher.group(1)).replaceAll("");
            result = trimPattern.matcher(result).replaceAll("");
            result = trimPattern2.matcher(result).replaceAll("");
            return (new StringBuilder(source.substring(0, styleMatcher.start(1))).append(result).append(source.substring(styleMatcher.end(1)))).toString();
        } else {
            return source;
        }
    }

    private static String compressJspJs(String source) {
        String result = source;
        // 因注释符合有可能出现在字符串中,所以要先把字符串中的特殊符好去掉
        Matcher stringMatcher = stringPattern.matcher(result);
        while (stringMatcher.find()) {
            String tmpStr = stringMatcher.group(0);

            if (tmpStr.indexOf("//") != -1 || tmpStr.indexOf("/*") != -1 || tmpStr.indexOf("*/") != -1) {
                String blockStr = tmpStr.replaceAll("//", tempSingleCommentBlock).replaceAll("/\\*", tempMulitCommentBlock1)
                        .replaceAll("\\*/", tempMulitCommentBlock2);
                result = result.replace(tmpStr, blockStr);
            }
        }
        // 去掉注释
        result = signleCommentPattern.matcher(result).replaceAll("");
        result = multiCommentPattern.matcher(result).replaceAll("");
        result = trimPattern2.matcher(result).replaceAll("");
        result = trimPattern.matcher(result).replaceAll(" ");
        // 恢复替换掉的字符串
        result = result.replaceAll(tempSingleCommentBlock, "//").replaceAll(tempMulitCommentBlock1, "/*")
                .replaceAll(tempMulitCommentBlock2, "*/");

        return result;
    }
}
BaseFrontController增加:
HtmlFilter.setCompress(true);

 

在ActionCacheHanlder里面一定要增加:

	try {
		****

		} finally {

			//记得最后一定要清楚,以免混淆
			HtmlFilter.setCompress(false);

		}

最后一个一定要增加,后面更新下ThreadLocal 的相关事情,大家可以关注下

 

除特别注明外,本站所有文章均为duzhi原创,转载请注明出处来自https://www.duzhi.me/article/34.html

联系我们

******

在线咨询:点击这里给我发消息

邮件:ashang.peng#aliyun.com

QR code