`
zengbo0710
  • 浏览: 414468 次
社区版块
存档分类
最新评论

发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser

阅读更多

先发一段脚本压缩示例,展示一下JSA语法压缩和优化功能。

  1. try {  
  2.     //xxxx();  
  3. }  
  4.   
  5. catch (e) {  
  6.     yyyy();  
  7.     function f1() {  
  8.     }  
  9. }  
  10.   
  11. finally {  
  12.     zzzz();  
  13. }  
  14.   
  15. function f2(var1) {  
  16.     var var2 = 2;  
  17.     var var3 = 3;  
  18.     var withObject = {var2:-2}  
  19.     with(withObject){  
  20.         alert(var2);  
  21.     }  
  22. }  

 

压缩结果(经过格式化,便于查阅):

  1. zzzz();  
  2. function f2(A) {  
  3.     var var2 = 2;  
  4.     var B = 3;  
  5.     var C = {var2:-2};  
  6.     with (C) {  
  7.         alert(var2);  
  8.     }  
  9. }   

 

JSA的压缩过程分两步

第一步是语法压缩,类似于Dojo ShrinkSafe,但比他安全,且更加有效。

第二步是文本压缩,目前采用的是
JavaScript Compressor的压缩算法。
(http://dean.edwards.name/packer/ )

这些都可以在设置窗口设置。
默认情况先用语法压缩,当文件大于1000byte且采用文本压缩仍然可以压缩到原来大小90%时才在原来基础上采用文本压缩。

与其他压缩工具压缩率比较:

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 危险!!!!!
   使用较短的名字替换掉长的局部变量名,这是一个极其不安全的压缩工具,举例说明:

 

javascript 代码
  1. function(){  
  2.   var withObject = {variable1:1}  
  3.   var variable1 = 2;  
  4.   with(withObject){  
  5.     alert(variable1);  
  6.   }  
  7. }  

将压缩成 :
  1. function(){  
  2. var _1={variable1:1};  
  3. var _2=2;  
  4. with(_1){  
  5. alert(_2);  
  6. }  
  7. }  


这明显是错误的,这个垃圾没有注意javascript某些特殊语法,和动态性。
对eval函数,catch操作,with语句,都未作任何处理。

相比之下JSA的是当前我知道的最安全最有效的压缩工具。
JSA 不仅提供代码压缩功能,还可以做格式化,脚本分析。

脚本分析功能可以用于查看脚本信息,以及查找脚本中的潜在问题。
比如查看脚本中申明了那些函数,变量。
使用了那些外部变量。等等。。。
 
 
 

分享到:
评论

相关推荐

    JavaScript分析、压缩工具JavaScript Analyser

    JavaScript Analyser是一款针对JavaScript代码的分析和压缩工具,旨在提高代码的运行效率并减小文件体积,从而优化...对于开发者而言,尤其是在处理大型JavaScript项目时,JavaScript Analyser是一个值得考虑的工具。

    前端开源库-broccoli-concat-analyser

    `Broccoli-Concat-Analyser` 是一个专门用于前端项目构建过程中的代码分析工具,它能帮助开发者理解并优化其项目的合并(concatenation)流程。这个开源库的核心目标是提高前端应用的加载速度和整体性能。 **1. ...

    dexter-analyser:评估来自 dexter 的结果的工具

    总的来说,Dexter-Analyser是一个利用JavaScript技术构建的分析工具,通过Grunt进行项目构建和预览,借助Karma进行测试,提供了一套完整的流程来评估Dexter的结果,帮助用户深入理解代码质量分析数据,提升软件开发...

    Automatic Chord Analyser:自动和弦序列分析仪系统-开源

    【标题】"Automatic Chord Analyser: 自动和弦序列分析仪系统-开源"是一个针对音乐爱好者和专业人士的工具,其主要功能是分析音乐中的和弦序列。这个系统利用先进的算法来识别音频或MIDI文件中的和弦变化,极大地...

    assets-analyser:分析给定文件并使用压缩后的未压缩文件大小和自定义报告返回报告

    默认情况下,资产分析器将返回每个文件的大小。 这是针对各种文件类型的其他分析工具的列表。 档案 类型: String|Array默认值: Required 要分析的文件的位置-与glob匹配一起使用,因此/**/*.js将起作用。 ...

    simian(代码重复检测工具)

    `jdk-1.5.0_13.log.tar.gz`是一个日志文件,可能是Java Development Kit (JDK) 1.5.0_13版本的安装或运行日志,已经进行了tar归档和gzip压缩。这可能与Simian的环境配置或依赖有关,开发者可能需要这个日志来排查与...

    spectrum-analyser

    【标题】"spectrum-analyser" 是一个基于D3.js和WebAudio API实现的频谱分析工具。这个项目主要用于可视化音频数据的频率分布,帮助用户理解音频信号在不同频率范围内的强度变化。 【描述】"频谱分析"是信号处理中...

    Web-page-analyser:这是一个Chrome扩展程序,可以使用GTmetrix分析网页的速度

    网页分析器要使用它,请按照下列步骤操作: 克隆存储库提取(如果为压缩形式) 在地址栏中输入“ chrome:// extensions”(不带引号) 检查顶部的开发人员模式选项单击“加载解压的扩展名..”,然后浏览找到克隆和...

    Typescript-csv分析器,用于使用类组合进行足球比赛

    typescript-csv-analyser-for-football-matches-using-class-composition-master 是一个使用TypeScript编写的项目,专注于解析CSV(逗号分隔值)文件,以便分析足球比赛数据。这个项目利用了TypeScript的强大类型...

Global site tag (gtag.js) - Google Analytics