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 (原始算法但保持换行,小型级别)

Conservative: original algorithm (原始算法,中等级别)

Agressive: remove more linefeed
than the original algorithm but can be regressive (原始算法上去除换行但能够恢复,最高处理级别)

然后点击 JSMin按钮,则下面的文本框中会显示处理后的源码。并且显示了文本的原始大小和处理后的大小,以及处理后的大小和原始大小的比例。 

(注:经过测试,Minimal和Conservative级别能正确过滤生成可以运行的JS文件。而Agressive生成的文件存在错误。所以建议使用Conservative级别) 

还有其它不少JS文件处理和压缩工具,比如yahoo的YUI Compressor (支持压缩处理和混淆,与JS Minifier不同),后续再做说明。

时间: 2024-07-30 13:51:48

Javascript工具 - 使用JS Minifier过滤JS文件的相关文章

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% (原始大小的百分比,越小

javascript include/import 动态加载js/css文件方法总结

第一种:一般用在外部CSS文件中加载必须的文件  程序代码  代码如下 复制代码 @import url(style.css); /*只能用在CSS文件中或者style标签中*/ 第二种:简单的在页面中加载一个外部CSS文件  程序代码  代码如下 复制代码 document.createStyleSheet(cssFile); 第三种:用createElement方法创建CSS的Link标签  程序代码  代码如下 复制代码 var head = document.getElementsByT

如何实现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 =

jQuery插件ajaxfileupload.js实现上传文件_jquery

AjaxUpLoad.js的使用实现无刷新文件上传,如图 1.创建页面并编写HTML上传文档:  <div class="uploadFile"> <span id="doc"><input type="text" disabled="disabled" /></span> <input type="hidden" id="hidFileNam

JS基于FileSaver.js插件实现文件保存功能示例[原创]_javascript技巧

本文实例讲述了JS基于FileSaver.js插件实现文件保存功能.分享给大家供大家参考,具体如下: 这里介绍一款js插件用法非常简单,先来看看FileSaver.js插件源码: 复制代码 代码如下: /*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */ var saveAs=saveAs||function(e){"use strict";if(typeof naviga

响应式JavaScript:在需要时加载JS

文章简介:与之前我们在前端加载全部javascript相比,为什么我们不加载最少量的JavaScript然后在用户界面需要的时候再加载额外的JavaScript代码呢? 一年前我做了一个关于这个主题的演讲.我第一次关注这个技术是因为 @dhh发布的他们在 37signals使用的一些观点.我注意到他们 在模板视图里如何使用JavaScript,动态生成JavaScript这是它的关注点,这引起了我的思考. 与之前我们在前端加载全部javascript相比,为什么我们不加载最少量的JavaScri

动态加载js、css等文件跨iframe实现

 这篇文章主要介绍了动态加载js.css等文件跨iframe实现的方法,需要的朋友可以参考下 1.动态加载js,css文件(用原生js和jquery)    iframe结构:  frame0(父)  frame2(子)  frame3(子)    frame2中触发事件,动态的向frame3中 加载js.css文件和 dom元素?    *同级之间可以调用,可以 通过 子-父-子 的方式调用同级  parent.parentFram("这个方法在调用其他子farme");    1.

Node.js应用之静态文件分发器

我不久之前翻译过一篇文章: asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度 采用打包并压缩和在浏览器与客户端同时构建缓存的技术,来对页面的加载进行优化.最近在学习Node.js,下面我们来看看Node.js在这方面能做些什么. Node.js的优势是网络通信.I/O不阻塞,可见它是高并发需求的有效解决方案.在Web开发中有许多文件是静态文件,例如CSS文件.JS文件.对它们的请求,通常是页面加载到客户端后,浏览器重新发出的异步请求.通常Web服务器能处理的并发请

javascript 基础篇1 什么是js 建立第一个js程序_基础知识

javascript是一个基于对象和事件驱动,并且具有安全性的脚本语言,应用很广泛,不仅仅是网页,不要被jsp给困住. 基于对象,就是不需要指定变量的类型,你给他一个3,它知道是整型,如果给赋值'3',它就知道是char. 事件驱动,就是单击啊,之类的事件进行驱动. javascript优点:网页互动性强,简单易用.js主要是基于客户端运行,很大程度上减少了服务器的负荷. javascript是脚本编程语言:采用程序段方式实现,与HTML结合,java的编译器其实就是浏览器本身. 安全性:HTM