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

目录
相关文章
|
3天前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
9 0
|
16天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
17 0
|
24天前
|
JavaScript 前端开发
Math对象:JavaScript中的数学工具
Math对象:JavaScript中的数学工具
27 1
|
25天前
|
机器学习/深度学习 人工智能 JavaScript
js和JavaScript
js和JavaScript
21 4
|
3天前
|
Web App开发 JavaScript 前端开发
JavaScript中的性能优化:代码优化技巧与性能分析工具
【4月更文挑战第22天】本文探讨JavaScript性能优化,包括代码优化技巧和性能分析工具。建议避免全局查找、减少DOM操作、使用事件委托、优化循环和异步编程以提升代码效率。推荐使用Chrome DevTools、Lighthouse和jsPerf等工具进行性能检测和优化。持续学习和实践是提升JavaScript应用性能的关键。
|
2天前
|
JavaScript 前端开发
js开发:请解释this关键字在JavaScript中的用法。
【4月更文挑战第23天】JavaScript的this关键字根据执行环境指向不同对象:全局中指向全局对象(如window),普通函数中默认指向全局对象,作为方法调用时指向调用对象;构造函数中指向新实例,箭头函数继承所在上下文的this。可通过call、apply、bind方法显式改变this指向。
7 1
|
7天前
|
JavaScript 前端开发 UED
Vue工具和生态系统: Vue.js和服务器端渲染(SSR)有关系吗?请解释。
Vue.js是一个渐进式JavaScript框架,常用于开发单页面应用,但其首屏加载较慢影响用户体验和SEO。为解决此问题,Vue.js支持服务器端渲染(SSR),在服务器预生成HTML,加快首屏速度。Vue.js的SSR可手动实现或借助如Nuxt.js的第三方库简化流程。Nuxt.js是基于Vue.js的服务器端渲染框架,整合核心库并提供额外功能,帮助构建高效的应用,改善用户体验。
10 0
|
13天前
|
JavaScript 搜索推荐 测试技术
深入了解 Vue CLI:现代化 Vue.js 项目开发工具
深入了解 Vue CLI:现代化 Vue.js 项目开发工具
|
24天前
|
JavaScript 前端开发
JavaScript生成的随机数随机字符串JS生成的随机数随机字符串
JavaScript生成的随机数随机字符串JS生成的随机数随机字符串
14 1
|
1月前
|
JavaScript 前端开发
js开发:请解释什么是模块化(modularization),并说明如何在JavaScript中实现模块化。
模块化将复杂系统拆分为松散耦合的模块,提高代码可读性、可维护性、可复用性和可扩展性。JavaScript模块化历经CommonJS(Node.js中常见,使用`require()`和`module.exports`)、AMD(RequireJS,异步加载,`define()`和`require()`)和ES6 Modules(官方标准,`import`和`export`)三个阶段。打包工具如Webpack、Rollup处理兼容性问题,使模块化代码能在各种环境中运行。