Ajax Minifier可以對(duì)對(duì)javascript和css進(jìn)行瘦身處理,減少網(wǎng)絡(luò)流量,提高網(wǎng)頁的下載速度。微軟 AJAX Minifier可以讓你提高你的Ajax應(yīng)用程序的性能,減少級(jí)聯(lián)樣式表和JavaScript文件的大小。微軟Ajax Minifier支持去除不必要的空格,注釋,分號(hào)和大括號(hào),縮短局部變量的名稱,并刪除不必要的代碼。
Ajax Minifier 安裝:
默認(rèn)安裝在C:\Program Files\Microsoft\Microsoft Ajax Minifier 4 下,包括AjaxMin.exe AjaxMin.dll 和msbuild相關(guān)的一些內(nèi)容
直接啟動(dòng)AjaxMinCommandPrompt.bat后,即可在任何目錄使用ajaxmin.exe
壓縮:
命令行形式
AjaxMin.exe這個(gè)命令行文件可以進(jìn)行css和js的壓縮
ajaxmin inputfile.css –out outputfile.css
ajaxmin inputfile.js –out outputfile.js
VS中項(xiàng)目集成
使用XML形式打開項(xiàng)目文件*. Csproj,在該文件的前加入
<AjaxMin JsSourceFiles="@(JS)" JsSourceExtensionPattern="\.js$" JsTargetExtension=".min.js"
JSCollapseToLiteral="true" JSCombineDuplicateLiterals="true" JSLocalRenaming="CrunchAll" JSMacSafariQuirks="true"
JSRemoveUnneededCode="true" JSStripDebugStatements="true" JSEvalTreatment="Ignore" JSInlineSafeStrings="true" />
則編譯該項(xiàng)目時(shí)會(huì)自動(dòng)把項(xiàng)目下所有的*.css和*.js文件全部改名為*.min.css *.min.js
最終的版本只要引用min.css和min.js即可。如果頁面文件不修改,也可使用批處理
Ajaxmin.bat
@echo off
setlocal enabledelayedexpansion
for /r . %%f in (*.min.m.js) do (
set src=%%f
set dst=!src:.min.m.js=.js!
echo !src! !dst!
copy /y !src! !dst!
)
[千萬不要在開發(fā)目錄下運(yùn)行這個(gè),否則把開發(fā)的js文件都覆蓋了,在部署的目錄下運(yùn)行即可]
規(guī)范檢查
和其他的語言一樣,為了使javascript的編碼符合規(guī)范,可以使用工具進(jìn)行檢查。
jslint http://www.crockford.com/jslint 這個(gè)在線可以用
使用ajaxmin也可以
Ajaxmin.exe -ANALYZE –warn:4 demo.js
也可在VS中使用,具體配置如下[VS Tools菜單,添加外部工具]
AjaxMin-Analyse
C:\Program Files\Microsoft\Microsoft Ajax Minifier 4\AjaxMin.exe
-ANALYZE –warn:4 "$(ItemFileName)$(ItemExt)"
$(ItemDir)
項(xiàng)目中只要選擇某個(gè)js或css文件即可分析,輸出窗口顯示有警告的行數(shù)
還原:
偶爾在調(diào)試已經(jīng)壓縮過的js文件或則需要分析已有的壓縮過的js文件時(shí),可以使用這個(gè)工具進(jìn)行還原,這樣規(guī)范化以后由于格式整齊,就更好分析。
具體命令如下:
Ajaxmin.exe -pretty demo.min.js -clobber -o demo.js