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

軟件功能

　　可視化

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

　　自動化

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

　　編碼識別

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

　　獨立應(yīng)用

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

　　保障穩(wěn)定

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

軟件特色

　　1、JSCompress可以在軟件配置自動壓縮JS的方式

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

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

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

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

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

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

使用方法

　　1、將JSCompress直接安裝到電腦，點擊立即安裝

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

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

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

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

　　*.MIN.JS

　　*_MIN. JS

　　5、文件保存位置

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

　　源文件所在目錄

　　相對路徑（相對于[自動壓縮目錄]）

　　相對路徑（相對于[源文件]）

　　指定位置（固定目錄）

　　6、保留文件頭部的注釋

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

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

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

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

　　9、開機啟動自動壓縮需要保持JSCompress運行

　　在Windows啟動時自動運行JSCompress(建議勾選)

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

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

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

　　僅移除空白

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

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

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

官方教程

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

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

　　如以下代碼：

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

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

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

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

　　和合并前的PNG

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

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

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

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

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

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

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

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

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

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

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

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

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

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

更新日志

　　JSCompress 5.9.855.0

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

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

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

　　4由于發(fā)布了獨立版的mobile debug（同時支持windows和macos）,所以我們在jscompress中移除了對mobile debug的支持，請前往獨立版官網(wǎng)下載使用: https://www.mobiledebug.com/

　　JSCompress 5.8.765.0

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

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

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

　　JSCompress 5.7.738.0

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

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

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

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

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

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

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

詳細(xì)信息

• 文件大?。?/span>11.5MB
• 當(dāng)前版本：v5.9.855.0
• 廠商：暫無
• 語言：中文