格式化和壓縮css樣式程式碼

antzone發表於2017-03-21

這樣的程式碼一般出現的相關的工具中,下面就是能夠實現標題中功能程式碼。

一.格式化程式碼:

[JavaScript] 純文字檢視 複製程式碼
//格式化程式碼
function formatCss(str){
  str = str.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
  str = str.replace(/;\s*;/g, ";"); //清除連續分號
  str = str.replace(/\,[\s\.\#\d]*{/g, "{");
  str = str.replace(/([^\s])\{([^\s])/g, "$1 {\n\t$2");
  str = str.replace(/([^\s])\}([^\n]*)/g, "$1\n}\n$2");
  str = str.replace(/([^\s]);([^\s\}])/g, "$1;\n\t$2");
  return str;
}

二.壓縮程式碼:

[JavaScript] 純文字檢視 複製程式碼
//壓縮程式碼
function yasuoCss(str) {
  str = str.replace(/\/\*(.|\n)*?\*\//g, ""); //刪除註釋
  str = str.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
  str = str.replace(/\,[\s\.\#\d]*\{/g, "{"); //容錯處理
  str = str.replace(/;\s*;/g, ";"); //清除連續分號
  str = str.match(/^\s*(\S+(\s+\S+)*)\s*$/); //去掉首尾空白
  return (str == null) ? "" : str[1];
}

相關文章