JSCompress提供JS項(xiàng)目壓縮功能，可以在軟件添加自動(dòng)壓縮的目錄，可以配置壓縮的參數(shù)，支持JS、CSS、PNG、 SCSS四種項(xiàng)目壓縮，將一個(gè)目錄添加到軟件就可以進(jìn)入自動(dòng)化設(shè)置界面，可以立即壓縮當(dāng)前配置目錄的全部JS文件，支持設(shè)置壓縮后的文件后綴，支持保留頭部注釋?zhuān)С衷O(shè)置腳本壓縮等級(jí)，支持設(shè)置壓縮后的腳本文件的ECMAScript版本，軟件界面都是中文，各種設(shè)置內(nèi)容都是可以快速理解意思的，如果你經(jīng)常在電腦上處理JS項(xiàng)目就可以下載這款軟件！

軟件功能

　　可視化

　　擁有可視化界面，操作簡(jiǎn)單，可以讓你輕松的壓縮、混淆、合并JS腳本/CSS樣式文件/PNG圖像文件.

　　自動(dòng)化

　　獨(dú)有的文件監(jiān)視功能允許你監(jiān)視指定目錄，及時(shí)自動(dòng)壓縮該目錄下發(fā)生變更的JS/CSS/PNG文件.(非全盤(pán)掃描，無(wú)需擔(dān)心引發(fā)資源性能問(wèn)題)

　　編碼識(shí)別

　　自動(dòng)識(shí)別文件編碼，支持UTF-8、UTF-16、UTF-32、ANSI(中文簡(jiǎn)體操作系統(tǒng)下為GB2312).

　　獨(dú)立應(yīng)用

　　是獨(dú)立應(yīng)用，不依賴(lài)于編輯器，自動(dòng)壓縮功能完美支持所有編輯器.

　　保障穩(wěn)定

　　基于Yahoo.Yui.Compressor(CSS壓縮)、Google Closure Compiler(JS壓縮)、pngquant(PNG壓縮)、Scss編譯(sassc/sass2scss/libsass)，壓縮引擎有保障.

軟件特色

　　1、JSCompress可以在軟件配置自動(dòng)壓縮JS的方式

　　2、可以在軟件首頁(yè)顯示教程內(nèi)容，快速學(xué)習(xí)軟件操作方式

　　3、支持?jǐn)?shù)據(jù)統(tǒng)計(jì)功能，在首頁(yè)顯示JS的壓縮次數(shù)，顯示壓縮率

　　4、也可以查看SCSS編譯的次數(shù)，顯示累計(jì)處理的數(shù)據(jù)量

　　5、支持開(kāi)發(fā)輔助工具，可以直接啟動(dòng)屏幕取色功能，立即獲取新的顏色

　　6、支持JS格式化功能，可以添加JS、JSON內(nèi)容到軟件執(zhí)行格式化

　　7、也提供IIS文件映射、BASE64/文本、圖片轉(zhuǎn)BASE64、二維碼生成等輔助工具

使用方法

　　1、將JSCompress直接安裝到電腦，點(diǎn)擊立即安裝

　　2、軟件界面顯示很多引導(dǎo)內(nèi)容，點(diǎn)擊底部的文字查看教程

　　3、自動(dòng)化功能：尚未配置任何自動(dòng)壓縮目錄（你可以拖入[目錄](méi)或者[配置文件_FolderWatchConfig.jscompress])

　　4、自動(dòng)壓縮設(shè)置功能，自動(dòng)壓縮當(dāng)前配置目錄（含子目錄）下的JS文件

　　文件保存方式壓縮后的文件名后綴

　　*.MIN.JS

　　*_MIN. JS

　　5、文件保存位置

　　設(shè)置壓縮后的文件保存的位置，進(jìn)官網(wǎng)了解更多

　　源文件所在目錄

　　相對(duì)路徑（相對(duì)于[自動(dòng)壓縮目錄](méi)）

　　相對(duì)路徑（相對(duì)于[源文件]）

　　指定位置（固定目錄）

　　6、保留文件頭部的注釋

　　Source Map Source map就是一個(gè)信息文件，里面儲(chǔ)存著位置信息，使用map文件可以快速在chrome上定位壓縮文件的原始錯(cuò)誤位置。

　　為JavaScript文件創(chuàng)建Map文件

　　7、文件合并：可搜索配置名或合并文件輸出路徑，沒(méi)有找到相關(guān)的(JS、CSS、PNG)合并配置

　　8、手動(dòng)壓縮設(shè)置功能，可以在軟件壓縮文件，壓縮文本

　　9、開(kāi)機(jī)啟動(dòng)自動(dòng)壓縮需要保持JSCompress運(yùn)行

　　在Windows啟動(dòng)時(shí)自動(dòng)運(yùn)行JSCompress(建議勾選)

　　關(guān)閉主面板時(shí)當(dāng)你點(diǎn)擊JSCompress主界面右上角關(guān)閉按鈕時(shí)的操作

　　10、腳本壓縮等級(jí)壓縮等級(jí)對(duì)應(yīng)的是Google Closure Compiler的代碼壓縮模式，我們建議你使用默認(rèn)配置（優(yōu)化局部變量）。

　　優(yōu)化局部變里（推薦）

　　僅移除空白

　　變態(tài)壓縮（慎用）

　　11、host管理功能，可以在軟件配置新的hosts，支持保存當(dāng)前項(xiàng)到文件，支持導(dǎo)入當(dāng)前系統(tǒng)的HOSTS

　　12、手機(jī)調(diào)試，尊敬的用戶(hù)，我們?yōu)镸obile Debug發(fā)布了獨(dú)立版的程序，后續(xù)功能將在獨(dú)立版本上更新維護(hù)

官方教程

　　關(guān)于JSCompress合并PNG生成CSS Sprite中的CSS模板配置

　　JSCompress中的Css Sprite配置支持模版化生成css代碼

　　如以下代碼：

　　其中第一行區(qū)域?qū)?yīng)的是配置中的[CSS模板-公共]，他是指所有的sprite都會(huì)引用的樣式；

　　第3-8行對(duì)應(yīng)的是配置中的[CSS模板-Item]，指的是各自sprite獨(dú)立的樣式。

　　JSCompress生成的CSS樣式.classname遵循的命名規(guī)則為[PNG輸出路徑文件名].[合并前PNG文件名]的方式，

　　如上圖中的test_maxside-a對(duì)應(yīng)的配置中的

　　和合并前的PNG

　　關(guān)于CSS模板-公共，你可以使用以下變量占位符：

　　%url% : 字符串，合并后的png文件相對(duì)于css文件的相對(duì)路徑。

　　%W% : 整數(shù)。請(qǐng)注意，是大寫(xiě)的W，表示合并后的PNG文件整體寬度。

　　%H% : 整數(shù)。請(qǐng)注意，是大寫(xiě)的H，表示合并后的PNG文件整體高度。

　　關(guān)于CSS模板-Item，你可以使用以下變量占位符：

　　%x% : 非負(fù)整數(shù)。當(dāng)前sprite相對(duì)于合并后PNG的X軸偏移值。

　　%y% : 非負(fù)整數(shù)。當(dāng)前sprite相對(duì)于合并后PNG的Y軸偏移值。

　　%w% : 整數(shù)。表示當(dāng)前sprite的寬度。

　　%h% : 整數(shù)。表示當(dāng)前sprite的高度。

　　%W% : 整數(shù)。請(qǐng)注意，是大寫(xiě)的W，表示合并后的PNG文件整體寬度。

　　%H% : 整數(shù)。請(qǐng)注意，是大寫(xiě)的H，表示合并后的PNG文件整體高度。

　　CSS模板-公共的默認(rèn)模板代碼為：

　　你可以方便的在下圖右側(cè)找到對(duì)應(yīng)快捷入口：

　　CSS模板的用途，自定義化CSS輸出，如你可以搭配scss和css3的rem寫(xiě)法，輕松編寫(xiě)手機(jī)端布局：

更新日志

　　JSCompress 5.9.855.0

　　1.png合并(CSS Sprite)支持“自動(dòng)邊緣擴(kuò)展”優(yōu)化移動(dòng)端css sprite合并資源引起的資源圖邊緣顯示缺角問(wèn)題;

　　2.調(diào)整了合并js和css的子文件上限;

　　3.scss輸出支持wxss擴(kuò)展名（微信小程序）

　　4由于發(fā)布了獨(dú)立版的mobile debug（同時(shí)支持windows和macos）,所以我們?cè)趈scompress中移除了對(duì)mobile debug的支持，請(qǐng)前往獨(dú)立版官網(wǎng)下載使用: https://www.mobiledebug.com/

　　JSCompress 5.8.765.0

　　1.[手機(jī)調(diào)試]修復(fù)部分版本windows7一鍵設(shè)置本地代理引起的ie代理設(shè)置界面無(wú)法打開(kāi)及代理設(shè)置操作無(wú)響應(yīng)的問(wèn)題;

　　2.[手機(jī)調(diào)試]請(qǐng)求捕獲列表/調(diào)試界面增加[重新發(fā)起請(qǐng)求]功能;

　　3.[手機(jī)調(diào)試]請(qǐng)求捕獲列表/調(diào)試界面增加[導(dǎo)出數(shù)據(jù)到文件]功能;

　　JSCompress 5.7.738.0

　　1.[手機(jī)調(diào)試]請(qǐng)求捕獲列表的請(qǐng)求詳細(xì)信息增加對(duì)Form Data Parameters內(nèi)容的文本格式化支持，支持json和json-format打印形式;

　　2.[手機(jī)調(diào)試]請(qǐng)求捕獲列表的請(qǐng)求詳細(xì)信息增加對(duì)Response內(nèi)容的文本格式化支持，支持json和json-format打印形式;

　　3.[手機(jī)調(diào)試]增加對(duì)RFC 4366 TLS Extensions的支持;

　　4.[手機(jī)調(diào)試]接入新設(shè)備增加windows和macos設(shè)備接入代理引導(dǎo);

　　5.[手機(jī)調(diào)試]接入新設(shè)備增加一鍵設(shè)置本機(jī)代理選項(xiàng);

　　6.[手機(jī)調(diào)試]請(qǐng)求捕獲列表界面增加“捕獲HTTPS請(qǐng)求”開(kāi)關(guān)(默認(rèn)為開(kāi)啟)，支持僅作為“代理隧道”模式傳遞ssl請(qǐng)求;

　　7.[手機(jī)調(diào)試]優(yōu)化部分情況下請(qǐng)求詳細(xì)信息的Form Data Parameters內(nèi)容展示亂碼的問(wèn)題;

詳細(xì)信息

• 文件大小：11.5MB
• 當(dāng)前版本：v5.9.855.0
• 廠(chǎng)商：暫無(wú)
• 語(yǔ)言：中文