首頁 > web前端 > js教程 > 主體

JavaScript分析、壓縮工具JavaScript Analyser_javascript技巧

WBOY
發布: 2016-05-16 16:22:35
原創
1210 人瀏覽過

JSA的壓縮過程分兩步驟

第一步是語法壓縮,類似Dojo ShrinkSafe,但比他安全,且更有效率。

第二步是文字壓縮,目前採用的是
JavaScript Compressor的壓縮演算法。
(http://dean.edwards.name/packer/ )

這些都可以在設定視窗中設定。
預設先用語法壓縮,當檔案大於1000byte且採用文字壓縮仍然可以壓縮到原來大小90%時才在原來基礎上採用文字壓縮。

下面來一段腳本壓縮範例,展示一下JSA語法壓縮和最佳化功能。

複製程式碼 程式碼如下:

try {
//xxxx();
}
catch (e) {
yyyy();
function f1() {
}
}
finally {
zzzz();
}
function f2(var1) {
var var2 = 2;
var var3 = 3;
var withObject = {var2:-2}
with(withObject){
alert(var2);
}
}

壓縮結果(經過格式化,方便查閱):

複製程式碼 程式碼如下:

zzzz();
function f2(A) {
var var2 = 2;
var B = 3;
var C = {var2:-2};
with (C) {
alert(var2);
}
}

與其他壓縮工具壓縮率比較:

1. JavaScript Compressor(http:// dean.edwards.name/packer/)
    與他自己的壓縮工具代碼為例(v2.02) packer壓縮後大小為 7,428 位元組(去除註解)。
    而我們的壓縮工具可以壓縮至7,256  位元組
    7256 / 7428 = 0.9768443726440496
2.Dojo ShrinkSafe (粗糙的東西,既低效又危險,建議原用戶趕緊換掉)
    與他自己的框架原始碼為例(v0.4.1):
    他自己壓縮大小為149,518 位元組,而我們壓縮後可以縮小至81,261 位元組
    81261 / 149518 = 0.5434864029748927

安全性說明:

1.JavaScript Compressor

基於文字的壓縮,我沒有細看其中邏輯,但是這種壓縮出問題的可能性很低,我們的壓縮工具也使用到他的壓縮演算法,在JSI 1.1 a8 及
其整合的第三方類別庫的測試中,未見異常。而且還有知名框架JQuery使用,相信不會有問題。

補充(2007-03-12):今天發現,這個東西在分析JavaScript多行字串語法時,有bug。不過這個問題經過JSA語法壓縮之後,將不復存在。

2.Dojo ShrinkSafe 危險! ! ! ! !

使用較短的名字來取代掉長的局部變數名,這是一個極不安全的壓縮工具,舉例說明:

複製程式碼 程式碼如下:

function(){ 
  var withObject = {variable1:1} 
  var variable1 = 2; 
  with(withObject){ 
    alert(variable1); 
  } 

將壓縮成 :

複製程式碼 程式碼如下:

function(){ 
var _1={variable1:1}; 
var _2=2; 
with(_1){ 
alert(_2); 


這明顯是錯誤的,這個垃圾沒有註意javascript某些特殊語法,和動態性。
對eval函數,catch操作,with語句,都未作任何處理。
相比之下JSA的是目前我所知道的最安全、最有效的壓縮工具。
JSA 不僅提供程式碼壓縮功能,還可以做格式化,腳本分析。

腳本分析功能可以用於查看腳本訊息,以及尋找腳本中的潛在問題。
例如查看腳本中申明了那些函數,變數。
使用了那些外部變數。等等。 。 。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!