jscompress(js压缩加密合并工具)

　　jscompress是目前网络上最好用、最简单的js压缩加密合并工具，也是一款全自动化的js和css压缩合并工具，程序经历了多次变化改革，不断的更新优化，升级版调试工具,全新的接入方式-代理模式接入;支持查看接入设备所有的tcp网络请求数据;支持配置劫持规则劫持接入设备指定的tcp网络请求数据;支持配置调试规则调试指定网页(包含线上网页),不再需要开发人员手动在页面插入调试js代码;不再代理调试页面的所有script标签的src，改为仅代理.js扩展名的script标签；该功能为了解决调试页面发起的jsonp请求因为代理无法传递cookie引起的问题，大幅增加手机调试稳定性,尤其是iphone下面刷新页面情况下导致连接丢失的问题;优化自动化编译/压缩流程，支持某些编译器先保存成临时文件再重命名的操作流程；强大又实用，需要的用户可以下载体验

官方介绍

　　jscompress是一款基于Yahoo.Yui.Compressor for .Net(CSS压缩)、Google Closure Compiler(JS压缩)的可视化的、自动化的、免费的代码压缩、混淆加密、合并工具。

　　jscompress是独立应用，不依赖于编辑器，自动压缩功能完美支持所有编辑器，真正做到了即改即压缩；

　　JSCompress基于Yahoo.Yui.Compressor for .Net(CSS压缩)、Google Closure Compiler(JS压缩)，支持压缩、混淆加密、合并，代码有保障。

软件功能

　　1、可视化

　　软件拥有可视化界面，操作简单，可以让你轻松的压缩、混淆加密、合并JS脚本/CSS样式文件。

　　2、自动化

　　软件独有的文件监视功能允许你监视指定目录，自动压缩该目录下的JS脚本文件/CSS样式文件当它们发生变更时。

　　3、编码识别

　　软件自动识别文件编码，支持UTF-8、UTF-16、UTF-32、ANSI(中文简体操作系统下为GB2312)。

　　4、独立

　　JSCompress是独立应用，不依赖于编辑器，自动压缩功能完美支持所有编辑器。

　　5、稳定

　　软件基于Yahoo.Yui.Compressor for .Net(CSS压缩)、Google Closure Compiler(JS压缩)，压缩引擎有保障。

　　6、迷你

　　软件无弹窗广告、占用资源低、可以最小化在系统托盘，是你开发路上好帮手。

软件特色

　　代理抓包

　　抓取所有经过代理的HTTP/HTTPS网络请求/WebSocket数据捕获,类Chrome开发人员工具Network界面的布局,上手快.

　　请求劫持

　　可以按照配置劫持特定的网络请求数据,更方便您调试和模拟接口.

　　网页调试

　　支持一键调试线上线下http/https请求的网页,DOM查看/Console打印/CSS布局查看/动态执行JS代码/debugger断点

　　Hosts管理器

　　快速修改Windows/MacOS的hosts配置文件,开发人员必不可少的功能.

安装步骤

　　1、浏览至此，需要的用户可以点击本网站提供的下载路径下载得到对应的程序安装包

　　2、通过解压功能将压缩包打开，双击主程序即可进行安装

　　3、用户可以根据自己的需要点击浏览按钮将应用程序的安装路径进行更改

　　4、如果用户需要，可以点击界面中的界面窗口进行设置对应的开机是否启动程序

　　5、等待应用程序安装进度条加载完成即可，需要等待一小会儿

　　6、根据提示点击安装，弹出程序安装完成界面，点击完成按钮即可

使用说明

　　JSCompress合并PNG生成CSS Sprite支持:link/:visited/:hover/:active/:before/:after

　　JSCompress生成的Css Sprite支持有限的伪类(:link/:visited/:hover/:active)及伪元素(:before/:after)

　　如图：

　　合并后的图片：

　　他们合并后的CSS样式：

　　JSCompress对伪类伪元素的支持与设置无关，他们体现在各自Sprite-Png图片的文件名上。

　　由于文件名不能含有冒号(:) 所以文件名中封号(;)代表冒号，JSCompress能识别文件名中的以下字符：

　　假如你的hover动作在父元素，需要改变子元素的图片背景，也能轻松定义

　　对应的自动生成的css为

　　是的，你可以在文件名里写css了。

　　使用JSCompress合并PNG生成CSS Sprite

　　简单来说，CSS Sprite是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。

　　关于CSS Sprite的其他知识，这里不做扩展，请自行查找。

　　如以下图片：

　　使用JSCompress可以帮你合并为以下大图：

　　并生成对应的css文件：

　　和预览html：

　　而你，仅仅只需按以下方式配置一次：

　　打开JSCompress进入文件合并列表

　　2.点击右下角的[添加合并文件]按钮，并选择[创建PNG合并配置]

　　3.如下图设置好相关配置属性，点击确定保存配置：

　　配置保存完后JSCompress会自动帮你合并一遍PNG，并生成如下文件。

　　其中：

　　test_maxside.css是你在配置中配置定义的css样式文件存储地址，当然你可以设置其他后缀名，如：scss less 等

　　test_maxside.css.html是自动生成的样式预览html。

　　test_maxside.png是你在配置中配置定义的合并后png文件存储位置，这里只能是png文件

　　test_maxside.png.jscompress是jscompress生成的png同名配置文件，可以通过svn提交提供给其他协同开发人员导入配置使用

　　当满足以下条件时，JSCompress会合并PNG：

　　1.编辑配置并保存后。

　　2.在手动压缩中压缩任意[合并目录列表]目录下的文件时(不含子目录的文件)。

　　3.自动压缩开启并配置监视到[合并目录列表]目录下的文件(不含子目录的文件)发生变更时。

　　此处文件变更包括：新PNG文件创建、PNG文件被修改。

　　此处文件变更不包括：已存在PNG文件重命名、删除，这种情况请参考1或2处理。

　　请注意：.min.png -min.png _min.png的文件会被舍弃，不会被合并。

更新日志

　　v5.9.855.0版本更新说明

　　1.png合并(CSS Sprite)支持“自动边缘扩展”优化移动端css sprite合并资源引起的资源图边缘显示缺角问题;

　　2.调整了合并js和css的子文件上限;

　　3.scss输出支持wxss扩展名（微信小程序）

　　4由于发布了独立版的mobile debug（同时支持windows和macos）,所以我们在jscompress中移除了对mobile debug的支持，