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

简介: JS Minifier是一个过滤JS文件中的注释及无用空格的工具。可以在 http://fmarcia.info/jsmin/ 下载它的Web版本。同样可以在 http://javascript.crockford.com/jsmin.html 页面底部获取到其它程序的处理版本。

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不同),后续再做说明。

目录
相关文章
|
11天前
|
JavaScript 前端开发
【JavaScript】——JS基础入门常见操作(大量举例)
JS引入方式,JS基础语法,JS增删查改,JS函数,JS对象
|
2月前
|
JavaScript 前端开发 Java
springboot解决js前端跨域问题,javascript跨域问题解决
本文介绍了如何在Spring Boot项目中编写Filter过滤器以处理跨域问题,并通过一个示例展示了使用JavaScript进行跨域请求的方法。首先,在Spring Boot应用中添加一个实现了`Filter`接口的类,设置响应头允许所有来源的跨域请求。接着,通过一个简单的HTML页面和jQuery发送AJAX请求到指定URL,验证跨域请求是否成功。文中还提供了请求成功的响应数据样例及请求效果截图。
springboot解决js前端跨域问题,javascript跨域问题解决
|
2月前
|
JavaScript
如何使用内存快照分析工具来分析Node.js应用的内存问题?
需要注意的是,不同的内存快照分析工具可能具有不同的功能和操作方式,在使用时需要根据具体工具的说明和特点进行灵活运用。
52 3
|
2月前
|
JavaScript 前端开发
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
|
2月前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
357 9
|
2月前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
102 10
|
2月前
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API
使用JavaScript和Node.js构建简单的RESTful API
|
3月前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
215 0
|
3月前
|
Web App开发 JavaScript 前端开发
Node.js:JavaScript世界的全能工具
Node.js:JavaScript世界的全能工具