CSS和JavaScript在线代码压缩工具推荐

网页前端的JavaScript代码编写好之后，不像C语言会编译成机器码，作为脚本语言，JavaScript是直接从源码文件执行的。通常为了节省空间，可以把代码进行压缩，去掉多余的空格和换行等（代码可以全部写到一行，这个有点像C语言）。同样HTML，CSS等代码也可以进行这样的压缩操作。

功能全面的在线工具集：tool.lu

之前一直用的是tool.lu这套工具。包含了全套的工具，特别是其中的CSS工具，不仅能和其他工具一样做最大化压缩，也可以进行净化操作，产生既方便查看修改、又能兼顾文件大小的格式，效果如下图所示。

http://tool.lu

JavaScript压缩哪家强：css-js.cn

今天给javascript代码进行压缩时，发现压缩之后的代码不能正常运行，网上查了一下，发现原因在于JavaScript末尾可以不写分号，有些压缩工具不能对齐进行正确处理，于是导致语法出现错误。

于是又找了一些JavaScript压缩工具，发现这款工具更加好用，而且压缩出来的代码比tool.lu压缩的结果要小很多，因为它会对代码进行各种处理，包括变量名的替换等。

根据里面的介绍，使用的是专用的JavaScript压缩引擎，而不是简单的字符串替换，看来确实是可靠了很多。之前没想到过，这种看似简单的问题，也暗藏玄机。

例如UglifyJS引擎，是用Node.js编写的 JavaScript 压缩工具，是目前最流行的JS压缩工具，JQuery 就是使用此工具压缩的。

http://www.css-js.cn

本文由jzj1993原创，转载请注明来源：http://www.hainter.com/css-js-tool

时间： 2024-10-13 16:54:06

CSS和JavaScript在线代码压缩工具推荐的相关文章

JavaScript在线运行html代码，保存html代码到本地

在网页中看到一些html代码却不知这样的代码运行起来是什么样子?觉得一些模板代码不错还要手动复制,新建文件,粘贴嫌麻烦?下面的js方法可以帮你解决这些问题. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript在线运行html代码,保存html代码到本地</title> </head> <body> &l

css 10 款非常棒的CSS代码格式化工具推荐

http://www.iteye.com/news/23692/ 10 款非常棒的CSS代码格式化工具推荐 2011-12-14 09:31 by 副主编 wangguo 评论(0) 有9111人浏览 CSS 代码格式化相关知识库: PHP知识库信息无障碍知识库计算机网络知识库 C#知识库如果你刚开始学习CSS,这意味着你的很多代码或结构可能需要优化,比如你可能过多使用了类.添加了多余的间隔或空行等等,这将导致代码臃肿.混乱,可读性和执行效率将大大降低. 本文为你整理了几款CS

Html、CSS、JavaScript 实时效果在线编辑器 - 学习的好工具，算不算？！

关于二维码与 NFC 之间的出身贫贱说太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议转载请保留此句:太阳火神的美丽人生 - 本博客专注于敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. http://jsfiddle.net/vnkuZ/ 总共四个工作区:左上是 Html 界面组件:左下

在线代码编辑、保存与运行网址推荐

最近开始讨厌写一个demo,写好之后要上传到服务器,传好之后还要找对地址,以后如果改版还需要下载代码,编辑代码,再上传.多么繁复的过程,我只是写个demo而已. 于是,我开始寻找在线工具实现 1. CodePen CodePen只是一个web前端的运行场地,具备机动.训练和分享等多种功能.同时,CodePen还可以让使用者构建一个压缩版本的测试案例来证明并解决编码当中的错误. 2. jsfiddle jsfiddle是一个在线的shell编辑器,通过javascript框架创建自定义的环境,以简

10个优化代码的CSS和JavaScript工具

检查和测试代码来发现任何潜在错误,从而在放到网站上之前及时消除错误是一个非常重要的过程.代码检查的过程也俗称为是Web设计师和开发者之间的linting.作为一个设计师,如果你想要写出高度优化的代码,那么你一定需要linting工具.有两种类型的代码检查工具.一种是在执行时间检查代码中的错误和bug.另一种是使用静态代码分析技术并在执行前检查码.后者因为可以节省时间和麻烦显然更佳. 事实上,linting可以放在不同的阶段.如果你喜欢在敲代码的时候测试代码,那么你可以使用lint工具.当然,

otepad++ 配置支持jquery、html、css、javascript、php代码提示

官网下载:http://notepad-plus-plus.org/ 获取插件的方法:打开软件,窗口工具栏有有一个问号,点获取插件. 我使用的插件(安装方法都是官方的方法): QuickText.v0.2.1.zip //自定义缩写词,按快捷键后输出定义的代码段使用方法:http://immmmm.com/quicktext-for-notepad.html 安装方法: Just copy the QuickText.dll into Notepad++'s plugin di

Notepad++ 配置支持jquery、html、css、javascript、php代码提示

原文:Notepad++ 配置支持jquery.html.css.javascript.php代码提示官网下载:http://notepad-plus-plus.org/ 获取插件的方法:打开软件,窗口工具栏有有一个问号,点获取插件. 我使用的插件(安装方法都是官方的方法): QuickText.v0.2.1.zip //自定义缩写词,按快捷键后输出定义的代码段使用方法:http://immmmm.com/quicktext-for-notepad.html 安装方法: J

Dirty Markup - 在线代码美化工具

如果你需要一个帮助你规整书写混乱的代码的工具的话,我强烈推荐给你这个在线代码美化工具 - Dirty Markup.这个在线工具能够帮助你有效的处理HTML/HTML5,CSS和javascript代码. 这个工具内建了HTML Tidy, CSS Tidy 和 JS Beautify的功能,可以快速有效的帮助你规整代码. 如何使用使用非常简单,你只需要选择你需要美化的代码类型,例如,HTML,CSS或者是Javascript,然后在右边的代码编辑框中输入你需要规整的代码,即可. 同时它提供了