实现css在线美化(格式化)、压缩、加密、解密、混淆工具-凯发k8官方网

    本文要推荐的[toolfk]是一款程序员经常使用的线上免费测试工具箱，toolfk 特色是专注于程序员日常的开发工具，不用安装任何软件，只要把内容贴上按一个执行按钮,就能获取到想要的内容结果。toolfk还支持  barcode条形码在线生成、 querylist采集器、 php代码在线运行、 php混淆、加密、解密、 python代码在线运行、javascript在线运行、yaml格式化工具、http模拟查询工具、html在线工具箱、javascript在线工具箱、css在线工具箱、json在线工具箱、unixtime时间戳转换、base64/url/native2ascii转换、csv转换工具箱、xml在线工具箱、websocket在线工具、markdown 在线工具箱、htaccess2nginx 转换、进制在线转换、在线加密工具箱、在线伪原创工具、在线apk反编译、在线网页截图工具、在线随机密码生成、在线生成二维码qrcode、在线crontab表达式生成、在线短网址生成、在线计算器工具。等20多个日常程序员开发工具，算是一个非常全面的程序员工具箱网站。

網站名稱：toolfk
網站鏈結：https://www.toolfk.com/
工具链接：https://www.toolfk.com/tool-format-css

代码教學

本工具[在线css美化(格式化)/加密/解密/混淆]依赖于codemirror,它的github地址为：https://github.com/codemirror/codemirror, 加密、解密使用到http://dean.edwards.name/packer/ 库,美化使用到csso-browser库，https://github.com/css/csso   。使用代码如下

step 1

step 2

核心代码如下

beautify_start:function(options){if (toolfk.beautify_default.beautify_in_progress) {return;}var opts = $.extend({},toolfk.beautify_default, options);var source = opts.source.getvalue();if(source==''){return layer.msg(not_empty);}toolfk.beautify_default.beautify_in_progress = true;if (opts.language === 'html') {output = beautifier.html(source, opts);} else if (opts.language === 'css') {output = beautifier.css(source, opts);} else {if (opts.detect_packers) {source = toolfk.beautify_unpacker_filter(source);}output = beautifier.js(source, opts);}opts.target.setvalue(output);toolfk.report('beautify',output);toolfk.beautify_default.beautify_in_progress = false; },pack_js:function(options) {if (toolfk.beautify_default.beautify_in_progress) {return;}var opts = $.extend({},toolfk.beautify_default, options);var source = opts.source.getvalue();if(source==''){return layer.msg(not_empty);}toolfk.beautify_default.beautify_in_progress = true;var packer = new packer;if (opts.is_base64) {var output = packer.pack(source, 1, opts.is_shrink);} else {var output = packer.pack(source, 0, opts.is_shrink);}opts.target.setvalue(output);toolfk.report('compress',output);toolfk.beautify_default.beautify_in_progress = false; },dec_pack:function(options){if (toolfk.beautify_default.beautify_in_progress) {return;}var opts = $.extend({},toolfk.beautify_default, options);var source = opts.source.getvalue();if(source==''){return layer.msg(not_empty);}toolfk.beautify_default.beautify_in_progress = true;try {eval('var value=string'   source.slice(4));opts.target.setvalue(value);toolfk.report('deciphering-compress',value);} catch (e) {layer.msg(text_error);}toolfk.beautify_default.beautify_in_progress = false; },dec_pack_shrink:function(options){if (toolfk.beautify_default.beautify_in_progress) {return;}var opts = $.extend({},toolfk.beautify_default, options);var source = opts.source.getvalue();if(source==''){return layer.msg(not_empty);}toolfk.beautify_default.beautify_in_progress = true;try {eval('var value=string'   source.slice(4));var source = toolfk.beautify_unpacker_filter(value);output = beautifier.js(source, opts);opts.target.setvalue(output);toolfk.report('decode-code',output);} catch (e) {layer.msg(text_error);}toolfk.beautify_default.beautify_in_progress = false; },code_code:function(options){if (toolfk.beautify_default.beautify_in_progress) {return;}var opts = $.extend({},toolfk.beautify_default, options);var target = opts.target.getvalue();if(target==''){return layer.msg(not_empty);}toolfk.beautify_default.beautify_in_progress = true;new clipboardjs('.copy-code', {text: function(trigger) {layer.msg(copy_succ);return target;}});toolfk.beautify_default.beautify_in_progress = false; },/* css */ purify_css:function(options){if (toolfk.beautify_default.beautify_in_progress) {return;}var opts = $.extend({},toolfk.beautify_default, options);var source = opts.source.getvalue();if(source==''){return layer.msg(not_empty);}toolfk.beautify_default.beautify_in_progress = true;var value   =   toolfk.purify_encode(source).replace(/\}/g,'}\n');opts.target.setvalue(value);toolfk.report('purify_css',value);toolfk.beautify_default.beautify_in_progress = false; },purify_encode:function(text){var val = text;val = val.replace(/\/\*(.|\n)*?\*\//g,'');          //去除注释val = val.replace(/^\s |\s $/g,'');                   //清除首尾空格val = val.replace(/(:)\s /g,'$1');                     //去除 冒号后多个空格              如 width:  100px  => width:100pxval = val.replace(/\s{2,}/g,' ');                      //去除 多余空格2个以上             如 margin: 10px   20px  30px  => margin:10px 20px 30pxval = val.replace(/,\s |\s ,/g,',');                //去除 多个样式共享时的多余空格    如 h1,  h2  , h3  =>h1,h2,h3val = val.replace(/;{2,}|;\s /g,';');               //去除 多个分号或分号后面多余空格  如 width:200px;;  height:100px  => width:200px;height:100pxval = val.replace(/\s*\{\s*/g,'{');                   //去除 选择符后面多余空格          如 div { height:100px}   => div{height:100px}val = val.replace(/\s*}\s*/g,'}');                //去除 选择器前面多余空格          如 div{height:100px}  a{}   => div{height:100px}a{}val = val.replace(/[\n\t\f\r]/g,'');               //去除换行,制表符,分页符,回车val = val.replace(/;}/g,'}');return val; },optimize_css:function(options){if (toolfk.beautify_default.beautify_in_progress) {return;}var opts = $.extend({},toolfk.beautify_default, options);var source = opts.source.getvalue();if(source==''){return layer.msg(not_empty);}toolfk.beautify_default.beautify_in_progress = true;var lastresult = csso.minify(source, {restructure: true});var value   =   lastresult.css;opts.target.setvalue(value);toolfk.report('optimize_css',value);toolfk.beautify_default.beautify_in_progress = false; },

值得一試的三個理由：

整合各種程序员开发中经常使用的开发测试工具。

简洁美观大气的网站页面

支持 在线格式化执行代码、apk在线反编译、在线高强度密码生成、在线网页截图 等二十多種工具服务

同时还推荐一下它的姐妹网 www.videofk.com 视频下载工具箱 

本文链接：http://www.hihubs.com/article/367

转载于:https://blog.51cto.com/247178/2315465

总结

以上是凯发k8官方网为你收集整理的实现css在线美化(格式化)、压缩、加密、解密、混淆工具-toolfk程序员工具网的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。