一款js和css代码压缩工具[附JAVA环境配置方法]_javascript技巧

TBCompressor的安装很简单,点击install.cmd就可以了,安装后会在里的右键菜单里出现"Compress CSS or JS"选项,需要压缩文件时只需选取目标文件然后右键点选"Compress CSS or JS"即刻.压缩后的文件会自动重命名.

这里对jQuery1.3 Development版进行压缩测试,效果如下:

可以看到效果还是非常不错的:)

TBCompressor下载

需要注意的是使用TBCompressor必须要有JAVA环境的支持,需要安装1.4版本以上的JDK.

可以去官方下载 选择Java SE Development Kit (JDK) JDK 6 Update 14

下载后一路next安装,安装完毕以后,需要配置一下JAVA_HOME环境变量.

配置方法如下:

1.右键点击 我的电脑>属性>高级>环境变量>系统变量

2.新建变量,变量名JAVA_HOME 路径: C:\Program Files\Java\jdk1.6.0_14  (默认的安装路径)

3.找到path变量,在后面添加路径: ;C:\Program Files\Java\jdk1.6.0_14\bin (前面有个分号)

OK,一路确定,关闭窗口.

打开CMD,输入java -version 如果能看到版本信息就说明配置成功了

时间： 2024-07-28 18:14:12

一款js和css代码压缩工具[附JAVA环境配置方法]_javascript技巧的相关文章

js+css实现tab菜单切换效果的方法_javascript技巧

本文实例讲述了js+css实现tab菜单切换效果的方法.分享给大家供大家参考.具体实现方法如下: index.css如下: 复制代码 代码如下: * {      margin: 0px;      padding: 0px;  }  body {      width: 600px;      margin: 0 auto;      background-color: silver;  }    #contanier {      background-color: yellow;     

JS、CSS以及img对DOMContentLoaded事件的影响_javascript技巧

前端的纯技术就是对规范的认知 什么是DOMContentLoaded事件? 首先想到的是查看W3C的HTML5规范,DOMContentLoaded事件在什么时候触发: Once the user agent stops parsing the document, the user agent must run the following steps: 1. Set the current document readiness to "interactive" and the inse

JS+DIV+CSS排版布局实现美观的选项卡效果_javascript技巧

本文实例讲述了JS+DIV+CSS排版布局实现美观的选项卡效果.分享给大家供大家参考.具体如下: 这是一个基于JavaScript的简单选项卡代码,陪新手练习一下Div+CSS排版的技巧,本选项卡可以继续美化修饰完善,选项卡在目前在众多网站上应用广泛,确实是一个很不错的网页布局方法. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-div-css-pbbj-nav-demo/ 具体代码如下: <!DOCTYPE html PUBLIC &quo

js脚本分页代码分享（7种样式）_javascript技巧

本文跟大家分享了7种JS脚本分页样式,相信总有一款是适合你的哦 抓紧先上图给大家挑选一下------------------运行效果------------------- 其实小编挺喜欢最后一款的,亲,你呐? 为大家再分享实现JS脚本分页的代码,直接复制代码,运行即可,抓紧试试吧 <html> <head> <title>7种JS脚本分页代码</title> <style> body {font-size: 12px;} /* Pages Mai

js或css文件后面跟参数的原因说明_javascript技巧

经常遇到页面里加载的js与css文件带有参数,比如: <script type="text/javascript" src="jb51.js?version=1.2.6"></script><link rel='stylesheet' href='base.css?version=2.3.3' type='text/css' /> 使用参数有两种可能, 脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别. 客户端会缓存

js实现文字跟随鼠标移动而移动的方法_javascript技巧

本文实例讲述了js实现文字跟随鼠标移动而移动的方法.分享给大家供大家参考.具体分析如下: 这是一款非常简单的鼠标特性代码,在网页中移动鼠标的时候,后面跟着一串文字跟随者鼠标移动 复制代码 代码如下: <html> <head> <style type="text/css"> .spanstyle { COLOR: 000000; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY:

JS简单实现城市二级联动选择插件的方法_javascript技巧

本文实例讲述了JS简单实现城市二级联动选择插件的方法.分享给大家供大家参考.具体如下: js实现的城市联动选择菜单,网上经常见到,不多介绍了,本款城市选择菜单原型基于Select,主要使用JavaScript来实现,运用了数组和循环等基础技巧制作完成的.本效果只是为了演示如何实现,里面的数据不全,需要的自己可以添加. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-ejld-city-cha-plug-codes/ 具体代码如下: <htm

JS输入用户名自动显示邮箱后缀列表的方法_javascript技巧

本文实例讲述了JS输入用户名自动显示邮箱后缀列表的方法.分享给大家供大家参考.具体如下: 以下是代码,保存到html文件打开: 复制代码 代码如下: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>输入用户名自动显示邮箱后缀列表</title> <script type="text/javascript" src=&q

js实现九宫格图片半透明渐显特效的方法_javascript技巧

本文实例讲述了js实现九宫格图片半透明渐显特效的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <title>九宫格图片半透明渐显效果</title> <body> <STYLE type=text/css>.invisible {  FILTER: alpha(opacity=0) } </STYLE> <SCRIPT language=JavaScript1.2> <!-- f