Javascript工具 - 使用packer来压缩JS文件

可以去站点 http://dean.edwards.name/packer/ 获取Web版处理工具。

packer 是一个javascript压缩工具。其中它通过压缩JS脚本的变量名和使用Base 64进行编码等处理来达到预定效果。

对比了同一个JS文件在JS Minifier和packer中的处理情况。

JS Minifier结果（agressive最高处理级别）

原始大小：103744 ；处理后大小：54575 ；处理后比率：52.6% （原始大小的百分比，越小越好，下同）

packer结果（无变量压缩和Base64编码）

原始大小：103744 ；处理后大小： 54248 ；比率：52.3%

packer结果（使用变量压缩和无Base64编码）

原始大小：103744 ；处理后大小： 50797 ；比率：49.0%

packer结果（使用变量压缩和使用Base64编码）

原始大小：103744 ；处理后大小： 31691 ；比率：30.5%

看起来packer比js minifier处理效果要好些。但估计js minifier更有名而已，呵呵。想要什么工具进行过滤JS，看着办吧。

(注：经过测试，packer生成的JS文件无法运行，可能是我的JS编写问题吧，大家使用packer时注意测试，也许packer有BUG。)

时间： 2024-07-30 13:51:45

Javascript工具 - 使用packer来压缩JS文件的相关文章

吉特仓储管系统(开源)--使用Grunt压缩JS文件

在吉特仓储管理系统开发的过程中大量使用到了JS,随着JS文件的增多我们需要对JS进行有效的管理,同时也要对JS文件进行一些压缩.文本用于记录一下使用grunt压缩JS的操作步骤,便于遗忘之后记录查找,文章内容非常浅显. 一. 什么是grunt JavaScript世界的构建工具,官网上是这么描述的,姑且这么描述,个人感觉还比较好用.官网地址: http://www.gruntjs.net/ 更多的参考资料也可以查询官网二. 安装grunt Grunt和Grunt插件是通过npm安

如何实现JavaScript动态加载CSS和JS文件_javascript技巧

项目中需要用到动态加载CSS 文件,整理了一下,顺便融合了动态加载JS 的功能写成了一个对象,先上代码: var dynamicLoading = { css: function(path){ if(!path || path.length === 0){ throw new Error('argument "path" is required !'); } var head = document.getElementsByTagName('head')[0]; var link =

Javascript工具 - 使用JS Minifier过滤JS文件

JS Minifier是一个过滤JS文件中的注释及无用空格的工具.可以在 http://fmarcia.info/jsmin/ 下载它的Web版本.同样可以在 http://javascript.crockford.com/jsmin.html 页面底部获取到其它程序的处理版本.下面以Web版为例. 使用这个工具非常简单.直接复制JS文件源码到Code文本框中,然后选择处理级别: Minimal: original algorithm but keep linefeeds if single

kettle转换JavaScript加载外部js文件

日常开发中,时常会出现这样一种情况.有大量的函数是通用的.而每个JavaScript里面写一遍,给维护带来很大的困扰.因而需要将公共的函数写在外部js文件中.这时就需要引入外部的公共文件了.下面是在转换里的JavaScript组件中引入外部公共js文件. //加载js文件 LoadScriptFile(getVariable("Internal.Transformation.Filename.Directory", "") +"/common_Func

javascript-用JavaScript如何将json数组写入.js文件中？

问题描述用JavaScript如何将json数组写入.js文件中? 现有一个json数组,如何用JavaScript实现将json数组写入.js文件中. 解决方案 $.parseJSON(data) 解决方案二: JSON和Object数组在js中的转换解决方案三: function funSave() { var id = $('#testText1')[0].value; var name = $('#testText2')[0].value; var str = '{mydata:['

使用ANT与YUI压缩js的实现方法_java

由于项目使用的js很多,为了提高系统效率,将js做压缩处理.成功的对多个js进行压缩,必须经历下面两步.1.合并多个js成为一个js.2.将和并过后的js进行压缩处理.使用的ant配置主要有: 复制代码代码如下: <property name="root" value="WebRoot"></property> <property name="js" value="${root}/js"&g

超级强大JS动态加载脚本同时使用加载js文件函数调用

首先我们需要一个被加载的js文件,我在一个固定文件夹下创建了一个package.js,打开后在里面写一个方法functionOne,很简单,代码如下: function functionOne(){ alert("成功加载"); } 后面的html文件都创建在同一个目录下. 方法一:直接document.write 在同一个文件夹下面创建一个function1.html,代码如下: <html> <head> <ti

IIS7下js文件启用Gzip后却不压缩的解决方法_win服务器

IIS7已经启用静态文件压缩(Gzip)但是死活不压缩,查找后发现是II7下MIME类型设置问题将.js的MIME类型设置为application/javascript 再查看页面,已经启用了Gzip. 不过,几个天后又发现有的js文件被压缩,有的却没有查找原因发现是引用js文件是没有设置type <script></script> <script src="A.js"></script> 加上type="text/java

从零开始学_JavaScript_系列（一）初步概念、工具选择、简单内容输出、加载js文件

(1)适用: HTML和web,可广泛用于服务器,PC,笔记本电脑,平板电脑和手机. 是所有现代浏览器和HTML5的默认脚本语言. 实际写的时候是跟HTML写一起,或者通过HTML来调用的. (2)本质: 脚本语言. ①轻量级编程语言: ②可插入HTML页面的编程代码: ③插入HTML页面后,可由所有的现代浏览器执行: ④易学. (3)<script>与</script>标签 HTML的脚本必须位于<script>和</script>之中