JavaScript分析、压缩工具JavaScript Analyser


Posted in Javascript onDecember 31, 2014

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 不仅提供代码压缩功能,还可以做格式化,脚本分析。

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

Javascript 相关文章推荐
jQuery下通过replace字符串替换实现大小图片切换
May 22 Javascript
js完美实现@提到好友特效(兼容各大浏览器)
Mar 16 Javascript
js验证真实姓名与身份证号是否匹配
Oct 13 Javascript
三种带箭头提示框总结实例
Jun 14 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
Feb 28 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
Sep 13 Javascript
vue中element-ui表格缩略图悬浮放大功能的实例代码
Jun 26 Javascript
微信小程序canvas实现刮刮乐效果
Jul 09 Javascript
JavaScript去掉数组重复项的方法分析【测试可用】
Jul 19 Javascript
Vue3 源码导读(推荐)
Oct 14 Javascript
详解vue父子组件状态同步的最佳方式
Sep 10 Javascript
微信小程序基于ColorUI构建皮皮虾短视频去水印组件
Nov 04 Javascript
jQuery中:last-child选择器用法实例
Dec 31 #Javascript
jQuery中:nth-child选择器用法实例
Dec 31 #Javascript
jQuery中:first-child选择器用法实例
Dec 31 #Javascript
jQuery中复合属性选择器用法实例
Dec 31 #Javascript
javascript实现左右控制无缝滚动
Dec 31 #Javascript
javascript比较两个日期的先后示例代码
Dec 31 #Javascript
jQuery中[attribute*=value]选择器用法实例
Dec 31 #Javascript
You might like
PHP ADODB生成HTML表格函数rs2html功能【附错误处理函数用法】
2018/05/29 PHP
PHP 扩展Memcached命令用法实例总结
2020/06/04 PHP
用js脚本控制asp.net下treeview的NodeCheck的实现代码
2010/03/02 Javascript
Jquery 获得服务器控件值的方法小结
2010/05/11 Javascript
JavaScript修改css样式style动态改变元素样式
2013/12/16 Javascript
深入解析JavaScript中的数字对象与字符串对象
2015/10/21 Javascript
JavaScript使用DeviceOne开发实战(三)仿微信应用
2015/12/02 Javascript
基于javascript显示当前时间以及倒计时功能
2016/03/18 Javascript
Vue.js学习记录之在元素与template中使用v-if指令实例
2017/06/27 Javascript
浅谈Postman解决token传参的问题
2018/03/31 Javascript
vue 移动端适配方案详解
2018/11/15 Javascript
详解JS取出两个数组中的不同或相同元素
2019/03/20 Javascript
Vue开发Html5微信公众号的步骤
2019/04/11 Javascript
JS原生瀑布流效果实现
2019/04/26 Javascript
小程序实现搜索框
2020/06/19 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
viewer.js实现图片预览功能
2020/06/24 Javascript
Python的SQLAlchemy框架使用入门
2015/04/29 Python
关于反爬虫的一些简单总结
2017/12/13 Python
python3.6使用tkinter实现弹跳小球游戏
2019/05/09 Python
使用python 计算百分位数实现数据分箱代码
2020/03/03 Python
Django-Scrapy生成后端json接口的方法示例
2020/10/06 Python
预订全球最佳旅行体验:Viator
2018/03/30 全球购物
eBay奥地利站:eBay.at
2019/07/24 全球购物
香港零食网购:上仓胃子
2020/06/08 全球购物
大学生求职信范文应怎么写
2014/01/01 职场文书
新学期红领巾广播稿
2014/01/14 职场文书
《夏夜多美》教学反思
2014/02/17 职场文书
薪酬专员岗位职责
2014/02/18 职场文书
处级干部反四风个人对照检查材料思想汇报
2014/09/27 职场文书
人身损害赔偿协议书格式
2014/11/01 职场文书
北京颐和园导游词
2015/01/30 职场文书
2015年五四青年节演讲稿
2015/03/18 职场文书
2015年人事专员工作总结
2015/04/29 职场文书
目标责任书格式范文
2015/05/11 职场文书