JavaScript分析、压缩工具JavaScript Analyser

 更新时间:2014年12月31日 15:30:08   投稿:hebedich  
这篇文章主要介绍了JavaScript分析、压缩工具JavaScript Analyser,需要的朋友可以参考下

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

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

相关文章

  • js+canvas简单绘制圆圈的方法

    js+canvas简单绘制圆圈的方法

    这篇文章主要介绍了js+canvas简单绘制圆圈的方法,涉及JavaScript调用canvas组件实现简单图形绘制的相关技巧,需要的朋友可以参考下
    2016-01-01
  • html+css+js实现别踩白板小游戏

    html+css+js实现别踩白板小游戏

    大家好,本篇文章主要的讲的是html+css+js实现别踩白板小游戏,感兴趣的同学赶快来看一看吧,觉得不错的话可以收藏一下哦,方便下次浏览
    2021-11-11
  • javascript &&和||运算法的另类使用技巧

    javascript &&和||运算法的另类使用技巧

    一直以为 && 和 || 这两个伟大的运算法只能在判断表达式使用,也就是常在if语句使用,原来错了,它还可以运用在简化选择性执行语句的操作,有点拗口,简单点也就是:操作执行某条语句,不执行某条语句。
    2009-11-11
  • JavaScript节点及列表操作实例小结

    JavaScript节点及列表操作实例小结

    这篇文章主要介绍了JavaScript节点及列表操作的方法,以实例的形式较为详细的总结了javascript针对节点操作的相关技巧,并给出了一个完整的节点操作方法实例总结,需要的朋友可以参考下
    2015-08-08
  • 全面解析JavaScript Module模式

    全面解析JavaScript Module模式

    这篇文章主要介绍了JavaScript Module模式的相关资料,文中讲解非常细致,代码帮助大家更好的理解和学习,感兴趣的朋友可以了解下
    2020-07-07
  • document.getElementById方法在Firefox与IE中的区别

    document.getElementById方法在Firefox与IE中的区别

    相信很多朋友在写JavaScript的时候,对浏览器的兼容问题会感到很头疼。这不,烦什么,什么就来了,特记录下来,与大家分享。
    2010-05-05
  • JavaScript基于activexobject连接远程数据库SQL Server 2014的方法

    JavaScript基于activexobject连接远程数据库SQL Server 2014的方法

    这篇文章主要介绍了JavaScript基于activexobject连接远程数据库SQL Server 2014的方法,结合实例形式分析了javascript使用activexobject远程连接数据库的相关操作技巧,需要的朋友可以参考下
    2017-07-07
  • 跟我学习javascript的执行上下文

    跟我学习javascript的执行上下文

    跟我学习javascript的执行上下文,读完本文后,你应该清楚了解释器做了什么,为什么函数和变量能在声明前使用以及它们的值是如何决定的,需要了解这些内容的朋友可以参考下
    2015-11-11
  • JavaScript无提示关闭窗口(兼容IE/Firefox/Chrome)

    JavaScript无提示关闭窗口(兼容IE/Firefox/Chrome)

    JavaScript无提示关闭当前页面窗口,兼容IE/Firefox/Chrome (Close the current page window without confirm by JavaScript, support all browsers)
    2008-11-11
  • JS中实现隐藏部分姓名或者电话号码的代码

    JS中实现隐藏部分姓名或者电话号码的代码

    最近做了小项目,项目需要只显示用户的姓名和手机号开头跟结尾,其他部分用*号代替,下面小编给大家分享一段简单的代码,需要的朋友跟随脚本之家小编一起看看吧
    2018-07-07

最新评论