JSCompress提供JS項目壓縮功能,可以在軟件添加自動壓縮的目錄,可以配置壓縮的參數,支持JS、CSS、PNG、
SCSS四種項目壓縮,將一個目錄添加到軟件就可以進入自動化設置界面,可以立即壓縮當前配置目錄的全部JS文件,支持設置壓縮后的文件后綴,支持保留頭部注釋,支持設置腳本壓縮等級,支持設置壓縮后的腳本文件的ECMAScript版本,軟件界面都是中文,各種設置內容都是可以快速理解意思的,如果你經常在電腦上處理JS項目就可以下載這款軟件!
可視化
擁有可視化界面,操作簡單,可以讓你輕松的壓縮、混淆、合并JS腳本/CSS樣式文件/PNG圖像文件.
自動化
獨有的文件監視功能允許你監視指定目錄,及時自動壓縮該目錄下發生變更的JS/CSS/PNG文件.(非全盤掃描,無需擔心引發資源性能問題)
編碼識別
自動識別文件編碼,支持UTF-8、UTF-16、UTF-32、ANSI(中文簡體操作系統下為GB2312).
獨立應用
是獨立應用,不依賴于編輯器,自動壓縮功能完美支持所有編輯器.
保障穩定
基于Yahoo.Yui.Compressor(CSS壓縮)、Google Closure Compiler(JS壓縮)、pngquant(PNG壓縮)、Scss編譯(sassc/sass2scss/libsass),壓縮引擎有保障.
1、JSCompress可以在軟件配置自動壓縮JS的方式
2、可以在軟件首頁顯示教程內容,快速學習軟件操作方式
3、支持數據統計功能,在首頁顯示JS的壓縮次數,顯示壓縮率
4、也可以查看SCSS編譯的次數,顯示累計處理的數據量
5、支持開發輔助工具,可以直接啟動屏幕取色功能,立即獲取新的顏色
6、支持JS格式化功能,可以添加JS、JSON內容到軟件執行格式化
7、也提供IIS文件映射、BASE64/文本、圖片轉BASE64、二維碼生成等輔助工具
1、將JSCompress直接安裝到電腦,點擊立即安裝
2、軟件界面顯示很多引導內容,點擊底部的文字查看教程
3、自動化功能:尚未配置任何自動壓縮目錄(你可以拖入[目錄]或者[配置文件_FolderWatchConfig.jscompress])
4、自動壓縮設置功能,自動壓縮當前配置目錄(含子目錄)下的JS文件
文件保存方式壓縮后的文件名后綴
*.MIN.JS
*_MIN. JS
5、文件保存位置
設置壓縮后的文件保存的位置,進官網了解更多
源文件所在目錄
相對路徑(相對于[自動壓縮目錄])
相對路徑(相對于[源文件])
指定位置(固定目錄)
6、保留文件頭部的注釋
Source Map Source map就是一個信息文件,里面儲存著位置信息,使用map文件可以快速在chrome上定位壓縮文件的原始錯誤位置。
為JavaScript文件創建Map文件
7、文件合并:可搜索配置名或合并文件輸出路徑,沒有找到相關的(JS、CSS、PNG)合并配置
8、手動壓縮設置功能,可以在軟件壓縮文件,壓縮文本
9、開機啟動自動壓縮需要保持JSCompress運行
在Windows啟動時自動運行JSCompress(建議勾選)
關閉主面板時當你點擊JSCompress主界面右上角關閉按鈕時的操作
10、腳本壓縮等級壓縮等級對應的是Google Closure Compiler的代碼壓縮模式,我們建議你使用默認配置(優化局部變量)。
優化局部變里(推薦)
僅移除空白
變態壓縮(慎用)
11、host管理功能,可以在軟件配置新的hosts,支持保存當前項到文件,支持導入當前系統的HOSTS
12、手機調試,尊敬的用戶,我們為Mobile Debug發布了獨立版的程序,后續功能將在獨立版本上更新維護
關于JSCompress合并PNG生成CSS Sprite中的CSS模板配置
JSCompress中的Css Sprite配置支持模版化生成css代碼
如以下代碼:
其中第一行區域對應的是配置中的[CSS模板-公共],他是指所有的sprite都會引用的樣式;
第3-8行對應的是配置中的[CSS模板-Item],指的是各自sprite獨立的樣式。
JSCompress生成的CSS樣式.classname遵循的命名規則為[PNG輸出路徑文件名].[合并前PNG文件名]的方式,
如上圖中的test_maxside-a對應的配置中的
和合并前的PNG
關于CSS模板-公共,你可以使用以下變量占位符:
%url% : 字符串,合并后的png文件相對于css文件的相對路徑。
%W% : 整數。請注意,是大寫的W,表示合并后的PNG文件整體寬度。
%H% : 整數。請注意,是大寫的H,表示合并后的PNG文件整體高度。
關于CSS模板-Item,你可以使用以下變量占位符:
%x% : 非負整數。當前sprite相對于合并后PNG的X軸偏移值。
%y% : 非負整數。當前sprite相對于合并后PNG的Y軸偏移值。
%w% : 整數。表示當前sprite的寬度。
%h% : 整數。表示當前sprite的高度。
%W% : 整數。請注意,是大寫的W,表示合并后的PNG文件整體寬度。
%H% : 整數。請注意,是大寫的H,表示合并后的PNG文件整體高度。
CSS模板-公共的默認模板代碼為:
你可以方便的在下圖右側找到對應快捷入口:
CSS模板的用途,自定義化CSS輸出,如你可以搭配scss和css3的rem寫法,輕松編寫手機端布局:
JSCompress 5.9.855.0
1.png合并(CSS Sprite)支持“自動邊緣擴展”優化移動端css sprite合并資源引起的資源圖邊緣顯示缺角問題;
2.調整了合并js和css的子文件上限;
3.scss輸出支持wxss擴展名(微信小程序)
4由于發布了獨立版的mobile debug(同時支持windows和macos),所以我們在jscompress中移除了對mobile debug的支持,請前往獨立版官網下載使用: https://www.mobiledebug.com/
JSCompress 5.8.765.0
1.[手機調試]修復部分版本windows7一鍵設置本地代理引起的ie代理設置界面無法打開及代理設置操作無響應的問題;
2.[手機調試]請求捕獲列表/調試界面增加[重新發起請求]功能;
3.[手機調試]請求捕獲列表/調試界面增加[導出數據到文件]功能;
JSCompress 5.7.738.0
1.[手機調試]請求捕獲列表的請求詳細信息增加對Form Data Parameters內容的文本格式化支持,支持json和json-format打印形式;
2.[手機調試]請求捕獲列表的請求詳細信息增加對Response內容的文本格式化支持,支持json和json-format打印形式;
3.[手機調試]增加對RFC 4366 TLS Extensions的支持;
4.[手機調試]接入新設備增加windows和macos設備接入代理引導;
5.[手機調試]接入新設備增加一鍵設置本機代理選項;
6.[手機調試]請求捕獲列表界面增加“捕獲HTTPS請求”開關(默認為開啟),支持僅作為“代理隧道”模式傳遞ssl請求;
7.[手機調試]優化部分情況下請求詳細信息的Form Data Parameters內容展示亂碼的問題;
網友評論