最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

CSS压缩混淆/格式化/美化

来源:动视网 责编:小采 时间:2020-11-27 16:41:45
文档

CSS压缩混淆/格式化/美化

CSS压缩混淆/格式化/美化:CSS压缩混淆 / 格式化 / 美化工具@charset utf-8;/* CSS Document */ *{margin:0; padding:0; font-family:Microsoft YaHei UI; font-size:14px; color:#444;}img{border:none;}li {list-style:n
推荐度:
导读CSS压缩混淆/格式化/美化:CSS压缩混淆 / 格式化 / 美化工具@charset utf-8;/* CSS Document */ *{margin:0; padding:0; font-family:Microsoft YaHei UI; font-size:14px; color:#444;}img{border:none;}li {list-style:n



CSS压缩混淆 / 格式化 / 美化工具





CSS压缩混淆 / 格式化 / 美化工具




贴入要格式化或压缩的CSS代码:








转换后的css代码:






/**
* css 压缩 格式化
*/
var CSSCoder = {
format: function (s) {//格式化
s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
s = s.replace(/;\s*;/g, ";");
s = s.replace(/\,[\s\.\#\d]*{/g, "{");
s = s.replace(/([^\s])\{([^\s])/g, "$1 {\n\t$2");
s = s.replace(/([^\s])\}([^\n]*)/g, "$1\n}\n$2");
s = s.replace(/([^\s]);([^\s\}])/g, "$1;\n\t$2");
return s;
},
packAdv: function (s) {//高级压缩
s = s.replace(/\/\*(.|\n)*?\*\//g, "");
s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
s = s.replace(/\,[\s\.\#\d]*\{/g, "{");
s = s.replace(/;\s*;/g, ";");
s = s.match(/^\s*(\S+(\s+\S+)*)\s*$/);
return (s == null) ? "" : s[1];
},
pack: function (s) {//普通压缩
s = s.replace(/\/\*(.|\n)*?\*\//g, "");
s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
s = s.replace(/\,[\s\.\#\d]*\{/g, "{");
s = s.replace(/;\s*;/g, ";");
s = s.replace(/;\s*}/g, "}");
s = s.replace(/([^\s])\{([^\s])/g, "$1{$2");
s = s.replace(/([^\s])\}([^\n]s*)/g, "$1}\n$2");
return s;
}
};

function CSS(s) {
document.getElementById("packer").value = CSSCoder[s](document.getElementById("code").value);
}


界面显示如下图所示

文档

CSS压缩混淆/格式化/美化

CSS压缩混淆/格式化/美化:CSS压缩混淆 / 格式化 / 美化工具@charset utf-8;/* CSS Document */ *{margin:0; padding:0; font-family:Microsoft YaHei UI; font-size:14px; color:#444;}img{border:none;}li {list-style:n
推荐度:
标签: 美化 格式化 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top