<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>潔靜精微 &#187; tool</title>
	<atom:link href="http://julabs.me/blog/tags/tool/feed/" rel="self" type="application/rss+xml" />
	<link>http://julabs.me/blog</link>
	<description>想努力创造完美的东西，必须具备心灵的纯洁，同时富于宗教精神。</description>
	<lastBuildDate>Wed, 18 Jan 2012 06:34:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>JavaScript压缩工具</title>
		<link>http://julabs.me/blog/tools-for-javascript-compressor/</link>
		<comments>http://julabs.me/blog/tools-for-javascript-compressor/#comments</comments>
		<pubDate>Sun, 12 Sep 2010 15:53:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[软件]]></category>
		<category><![CDATA[compressor]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[tool]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=263</guid>
		<description><![CDATA[JavaScript压缩工具很多，常用的可能就是YUICompressor、Closure Compiler、Packer，但我最常用的还是YUICompressor。 YUICompressor YUICompressor是建立在rhino interpreter基础上的，所以它的特点就是安全。YUICompressor是用Java编写的，要运行它首先要配置好Java环境。YUICompressor的压缩内容如下： 移除注释 移除额外的空格 细微优化 标识符替换（Identifier Replacement） 使用YUICompressor的命令行代码如下： java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js --charset utf-8 YUICompressor在压缩时还能够自动检查JS代码是否有错误，如果有错误它会列出错误的行数和原因。更难得的是，它也可以压缩CSS文件，对于前端人员简直就是一把多功能的瑞士军刀。 淘宝UED部把YUICompressor封装成了TBCompressor，这里有篇《TBCompressor介绍》，使用TBCompressor更加简单快捷。 Closure Compiler Closure Compiler是Google公司公布的一款JS压缩工具，和YUICompressor相比，它的压缩率稍微高点，只是稍微，但对代码的准确率要求更高点。这里有一篇LifeSinger整理的《Closure Compiler vs YUICompressor》，讲述了两者的异同，可以做为选择的一个参考。 Closure Compiler使用的命令行代码如下： java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js Closure Compiler还不仅提供了一个网络版可以直接在网页上压缩，而且还开放了API，你可以用HTML、Python或者其它语言文件调用这个API来压缩JS文件。 Packer &#8230; <a href="http://julabs.me/blog/tools-for-javascript-compressor/">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>JavaScript压缩工具很多，常用的可能就是<a href="http://developer.yahoo.com/yui/compressor/" target="_blank">YUICompressor</a>、<a href="http://code.google.com/intl/zh-CN/closure/compiler/" target="_blank">Closure Compiler</a>、<a href="http://dean.edwards.name/download/#packer" target="_blank">Packer</a>，但我最常用的还是<a href="http://developer.yahoo.com/yui/compressor/" target="_blank">YUICompressor</a>。</p>
<h4><a href="http://developer.yahoo.com/yui/compressor/" target="_blank">YUICompressor</a></h4>
<p><a href="http://developer.yahoo.com/yui/compressor/" target="_blank">YUICompressor</a>是建立在<a href="http://www.mozilla.org/rhino/" target="_blank">rhino interpreter</a>基础上的，所以它的特点就是<strong>安全</strong>。<a href="http://developer.yahoo.com/yui/compressor/" target="_blank">YUICompressor</a>是用<a href="http://www.java.com/zh_CN/" target="_blank">Java</a>编写的，要运行它首先要配置好<a href="http://www.java.com/zh_CN/" target="_blank">Java</a>环境。<a href="http://developer.yahoo.com/yui/compressor/" target="_blank">YUICompressor</a>的压缩内容如下：</p>
<ul>
<li>移除注释</li>
<li>移除额外的空格</li>
<li>细微优化</li>
<li>标识符替换（Identifier Replacement）</li>
</ul>
<p>使用<a href="http://developer.yahoo.com/yui/compressor/" target="_blank">YUICompressor</a>的命令行代码如下：</p>
<pre><code class="dos">java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js --charset utf-8</code></pre>
<p><a href="http://developer.yahoo.com/yui/compressor/" target="_blank">YUICompressor</a>在压缩时还能够自动检查JS代码是否有错误，如果有错误它会列出错误的行数和原因。更难得的是，它也可以压缩<abbr title="Cascading Style Sheets">CSS</abbr>文件，对于前端人员简直就是一把多功能的瑞士军刀。</p>
<p><a href="http://ued.taobao.com/" target="_blank">淘宝UED部</a>把<a href="http://developer.yahoo.com/yui/compressor/" target="_blank">YUICompressor</a>封装成了<a href="http://lifesinger.org/blog/2009/02/tbcompressor-242/" target="_blank">TBCompressor</a>，这里有篇<a href="http://julabs.me/blog/soft/tbcompressor-intro/" target="_blank">《TBCompressor介绍》</a>，使用<a href="http://lifesinger.org/blog/2009/02/tbcompressor-242/" target="_blank">TBCompressor</a>更加简单快捷。</p>
<h4><a href="http://code.google.com/intl/zh-CN/closure/compiler/" target="_blank">Closure Compiler</a></h4>
<p><a href="http://code.google.com/intl/zh-CN/closure/compiler/" target="_blank">Closure Compiler</a>是Google公司公布的一款JS压缩工具，和<a href="http://developer.yahoo.com/yui/compressor/" target="_blank">YUICompressor</a>相比，它的压缩率稍微高点，只是稍微，但对代码的准确率要求更高点。这里有一篇<a href="http://lifesinger.org/blog/" target="_blank">LifeSinger</a>整理的<a href="http://www.slideshare.net/lifesinger/closure-compiler-vs-yuicompressor" target="_blank">《Closure Compiler vs YUICompressor》</a>，讲述了两者的异同，可以做为选择的一个参考。</p>
<p><a href="http://code.google.com/intl/zh-CN/closure/compiler/" target="_blank">Closure Compiler</a>使用的命令行代码如下：</p>
<pre><code class="dos">java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js</code></pre>
<p><a href="http://code.google.com/intl/zh-CN/closure/compiler/" target="_blank">Closure Compiler</a>还不仅提供了一个<a href="http://closure-compiler.appspot.com/home" target="_blank">网络版</a>可以直接在网页上压缩，而且还开放了<a href="http://code.google.com/intl/zh-CN/closure/compiler/docs/api-tutorial1.html" target="_blank">API</a>，你可以用HTML、Python或者其它语言文件调用这个API来压缩JS文件。</p>
<h4><a href="http://dean.edwards.name/download/#packer" target="_blank">Packer</a></h4>
<p><a href="http://dean.edwards.name/download/#packer" target="_blank">Packer</a>是目前压缩率最高的JavaScript压缩工具，由<a href="http://dean.edwards.name/" target="_blank">Dean Edwards</a>创建的。压缩后的JavaScript文件相当于一个ZIP文件，在执行的时候能够自动解压。不过带来的副作用就是对于编写不严格的代码，压缩时会出错，可以在压缩前用<a href="http://www.jslint.com/" target="_blank">JSMin</a>检查下。虽然<a href="http://dean.edwards.name/download/#packer" target="_blank">Packer</a>压缩后的代码在执行时先要自解压下，会降低执行效率，但对于大型文件来说，<a href="http://dean.edwards.name/download/#packer" target="_blank">Packer</a>的压缩率通常能达到50%，因而能加快下载速度。</p>
<p><a href="http://dean.edwards.name/download/#packer" target="_blank">Packer</a>不仅有<a href="http://dean.edwards.name/packer/" target="_blank">网页版</a>，还有<a href="http://dean.edwards.name/download/#packer" target="_blank">.NET、perl和PHP版</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/tools-for-javascript-compressor/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>免费的FTP软件——Filezilla</title>
		<link>http://julabs.me/blog/filezilla-introduce/</link>
		<comments>http://julabs.me/blog/filezilla-introduce/#comments</comments>
		<pubDate>Sun, 27 Dec 2009 08:06:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[软件]]></category>
		<category><![CDATA[filezilla]]></category>
		<category><![CDATA[ftp]]></category>
		<category><![CDATA[tool]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=40</guid>
		<description><![CDATA[FTP工具在网页制做中是必不可少的，而绝大多数的人所用的flashfxp和CuteFTP，虽然它们的功能很强大，但都是收费的（对于中国很多用户它们其实是免费的）。也在很多免费的小软件，最常用的就是火狐的插件fireFTP，但功能有点太简单，有时满足不了我们的需要。现在找到了一个免费开源的FTP软件，不仅功能强大，而且还能跨平台，它就是Filezilla！ filezilla支持多国语言，下面是中文简体版截图，更多截图请看其官方网站。从截图上就可以看出它的强大了，我想它一定不会让你失望的。 FileZilla客户端特征: 断点续传 (如果服务器支持) 自定义命令 站点管理 保存活动连接 暂检测连接超时 防火墙支持 SOCKS4/5 和 HTTP1.1 代理支持 SSL 安全连接 SFTP 支持 上传/下载队列管理 支持文件拖放 多语言支持 GSS 证明和Kerberos密码技术]]></description>
			<content:encoded><![CDATA[<p>FTP工具在网页制做中是必不可少的，而绝大多数的人所用的flashfxp和CuteFTP，虽然它们的功能很强大，但都是收费的（对于中国很多用户它们其实是免费的）。也在很多免费的小软件，最常用的就是火狐的插件fireFTP，但功能有点太简单，有时满足不了我们的需要。现在找到了一个免费开源的FTP软件，不仅功能强大，而且还能跨平台，它就是Filezilla！</p>
<p class="img"><a href="http://filezilla-project.org/" target="_blank"><img src="/blog/img/08/Filezilla 01.jpg" width="489" height="75" alt="filezilla" /></a></p>
<p><a href="http://filezilla-project.org/" target="_blank">filezilla</a>支持多国语言，下面是中文简体版截图，更多截图请看其<a href="http://filezilla-project.org/client_screenshots.php" target="_blank" title="FileZilla Screenshots ">官方网站</a>。从截图上就可以看出它的强大了，我想它一定不会让你失望的。</p>
<p class="img"><a href="/blog/img/08/Filezilla 02.jpg" target="_blank"><img src="/blog/img/08/Filezilla 02.jpg" width="500" height="270" alt="FileZilla Screenshots" /></a></p>
<p><strong>FileZilla客户端特征:</strong></p>
<ul>
<li>断点续传 (如果服务器支持)</li>
<li>自定义命令</li>
<li>站点管理</li>
<li>保存活动连接</li>
<li>暂检测连接超时</li>
<li>防火墙支持</li>
<li>SOCKS4/5 和 HTTP1.1 代理支持</li>
<li>SSL 安全连接</li>
<li>SFTP 支持</li>
<li>上传/下载队列管理</li>
<li>支持文件拖放</li>
<li>多语言支持</li>
<li>GSS 证明和Kerberos密码技术</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/filezilla-introduce/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE下的Firebug——IE WebDeveloper</title>
		<link>http://julabs.me/blog/ie-plugin-webdeveloper/</link>
		<comments>http://julabs.me/blog/ie-plugin-webdeveloper/#comments</comments>
		<pubDate>Sun, 27 Dec 2009 07:45:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端]]></category>
		<category><![CDATA[debug]]></category>
		<category><![CDATA[developer]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[tool]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=17</guid>
		<description><![CDATA[不久之前，在IE下的调试工具我只知道IE Developer Toolbar和Companion.JS，我想这两个工具在IE环境下的功能已经很强大了。但后来在豆瓣的javascript小组中看到了这篇话题——《IE下javascript debug 工具》，其中有个组员推荐了一款IE下功能超强的调试器：IE WebDeveloper，它的功能可以和火狐下的Firebug相媲美，甚至有些功能还强于Firebug。 安装了IE WebDeveloper后会在IE头部的工具栏中出现一个图标，如下图： 点开后就能使用IE WebDeveloper了。IE WebDeveloper有五个主窗口，首先是Webpage Inspector。Webpage Inspector左边是DOM查看器，选择一个DOM节点会在右侧对应地显示其属性值、HTML代码和CSS样式列表。在Webpage Inspector中可以动态地修改DOM结点，IE窗口会实时渲染展示出修改后的结果。（Firebug也有此功能） 第二个为Script Console，这个窗口可以输出页面的一些信息，如错误信息，还能寻址到出错代码的位置。可以在Javascript代码中用console.log('信息')来输出信息了，比alert命令好用多了。还可以直接在里面输入命令进行调试。（Firebug也有此功能） 第三个为Source Explorer，查看当前页所用到CSS和Javascript文件以及HTML源代码，它能够列出Javascript文件中的函数和变量名称。 第四个为Event Log，它能够查看网页浏览器、HTML文档、HTML窗口或所选HTML元素结点的事件触发列表。 最后一个为HTTP Monitor，它可以查看和网络服务器相交互的HTTP信息，相当于Firebug的网络（net）功能，对于AJAX开发很有帮助。 在最后还有人推荐了一个Javascript Debug Toolkit，不过需要eclipse支持，是位国人开发的，感兴趣的朋友可以看看。]]></description>
			<content:encoded><![CDATA[<p>不久之前，在IE下的调试工具我只知道<a href="http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&amp;displaylang=en" title="Internet Explorer Developer Toolbar" target="_blank">IE Developer Toolbar</a>和<a href="http://www.my-debugbar.com/wiki/CompanionJS/HomePage" title="Companion.JS" target="_blank">Companion.JS</a>，我想这两个工具在IE环境下的功能已经很强大了。但后来在<a href="http://www.douban.com/" target="_blank">豆瓣</a>的<a href="http://www.douban.com/group/second.life/" target="_blank">javascript小组</a>中看到了这篇话题——<a href="http://www.douban.com/group/topic/2090597/" target="_blank">《IE下javascript debug 工具》</a>，其中有个组员推荐了一款IE下功能超强的调试器：<a href="http://www.ieinspector.com/dominspector/" title="IE WebDeveloper" target="_blank">IE WebDeveloper</a>，它的功能可以和火狐下的<a href="http://getfirebug.com/" title="Firebug" target="_blank">Firebug</a>相媲美，甚至有些功能还强于<a href="http://getfirebug.com/" title="Firebug" target="_blank">Firebug</a>。</p>
<p>安装了<a href="http://www.ieinspector.com/dominspector/" title="IE WebDeveloper" target="_blank">IE WebDeveloper</a>后会在IE头部的工具栏中出现一个图标，如下图：</p>
<p class="img"><img src="http://www.julabs.com/blog/img/09/ie_webdeveloper.png" width="32" height="30" alt="IE WebDeveloper 图标" /></p>
<p>点开后就能使用<a href="http://www.ieinspector.com/dominspector/" title="IE WebDeveloper" target="_blank">IE WebDeveloper</a>了。<a href="http://www.ieinspector.com/dominspector/" title="IE WebDeveloper" target="_blank">IE WebDeveloper</a>有五个主窗口，首先是<strong>Webpage Inspector</strong>。<strong>Webpage Inspector</strong>左边是DOM查看器，选择一个DOM节点会在右侧对应地显示其属性值、HTML代码和CSS样式列表。在<strong>Webpage Inspector</strong>中可以动态地修改DOM结点，IE窗口会实时渲染展示出修改后的结果。（<a href="http://getfirebug.com/" title="Firebug" target="_blank">Firebug</a>也有此功能）</p>
<p><span id="more-17"></span></p>
<p class="img"><a href="http://www.ieinspector.com/dominspector/images/webpage_inspector_l.gif" target="_blank"><img src="http://www.ieinspector.com/dominspector/images/webpage_inspector_l.gif" width="786" height="594" alt="Webpage Inspector" /></a></p>
<p>第二个为<strong>Script Console</strong>，这个窗口可以输出页面的一些信息，如错误信息，还能寻址到出错代码的位置。可以在Javascript代码中用<code>console.log('信息')</code>来输出信息了，比<code>alert</code>命令好用多了。还可以直接在里面输入命令进行调试。（<a href="http://getfirebug.com/" title="Firebug" target="_blank">Firebug</a>也有此功能）</p>
<p class="img"><a href="http://www.ieinspector.com/dominspector/images/scriptconsole_l.gif" target="_blank"><img src="http://www.ieinspector.com/dominspector/images/scriptconsole_l.gif" width="727" height="562" alt="Script Console" /></a></p>
<p>第三个为<strong>Source Explorer</strong>，查看当前页所用到CSS和Javascript文件以及HTML源代码，它能够列出Javascript文件中的函数和变量名称。</p>
<p class="img"><a href="http://www.ieinspector.com/dominspector/images/sourceexplorer_l.gif" target="_blank"><img src="http://www.ieinspector.com/dominspector/images/sourceexplorer_l.gif" width="768" height="594" alt="Source Explorer" /></a></p>
<p>第四个为<strong>Event Log</strong>，它能够查看网页浏览器、HTML文档、HTML窗口或所选HTML元素结点的事件触发列表。</p>
<p class="img"><a href="http://www.ieinspector.com/dominspector/images/event_log_l.gif" target="_blank"><img src="http://www.ieinspector.com/dominspector/images/event_log_l.gif" width="786" height="594" alt="Event Log" /></a></p>
<p>最后一个为<strong>HTTP Monitor</strong>，它可以查看和网络服务器相交互的HTTP信息，相当于<a href="http://getfirebug.com/" title="Firebug" target="_blank">Firebug</a>的<a href="http://getfirebug.com/net.html" title="网络（net）" target="_blank">网络（net）</a>功能，对于AJAX开发很有帮助。</p>
<p class="img"><a href="http://www.ieinspector.com/dominspector/images/http_monitor_l.gif" target="_blank"><img src="http://www.ieinspector.com/dominspector/images/http_monitor_l.gif" width="803" height="588" alt="HTTP Monitor" /></a></p>
<p>在最后还有人推荐了一个<a href="http://code.google.com/p/jsdt/" target="_blank">Javascript Debug Toolkit</a>，不过需要<a href="http://www.eclipse.org/" target="_blank">eclipse</a>支持，是位国人开发的，感兴趣的朋友可以看看。</p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/ie-plugin-webdeveloper/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>4个绝佳的站长工具</title>
		<link>http://julabs.me/blog/website-free-tools/</link>
		<comments>http://julabs.me/blog/website-free-tools/#comments</comments>
		<pubDate>Sun, 27 Dec 2009 07:42:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[工具]]></category>
		<category><![CDATA[站长]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=15</guid>
		<description><![CDATA[《14个绝佳的站长工具》是一篇Andrew翻译的文章，原文为14 free tools that reveal why people abandon your website，介绍十四个站长工具，用来揭示人们为何离开一个网站的原因。 文章中所介绍的工具功能强大，十分实用，而且更令人兴奋的是它们都是免费的！里面有跟踪网站用户的来源和点击的Google Analytics、观察用户行为的“热点分布图”Crazy Egg、提供用户访问视频的Web分析工具的ClickTale，还有用于直接与用户交流的Google Talk chatback，以及等等等等十四个。一个个身怀绝技，并且免费为您服务，如果现在就想享受这份待遇，请点击《14个绝佳的站长工具》。]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.achome.cn/blog/?p=509" target="_blank">《14个绝佳的站长工具》</a>是一篇<a href="http://www.achome.cn/blog/?page_id=2" target="_blank">Andrew</a>翻译的文章，原文为<a href="http://www.conversion-rate-experts.com/articles/understanding-your-visitors/" target="_blank">14 free tools that reveal why people abandon your website</a>，介绍十四个站长工具，用来揭示人们为何离开一个网站的原因。</p>
<p class="img"><a href="http://www.conversion-rate-experts.com/articles/understanding-your-visitors/" title="14 free tools that reveal why people abandon your website" target="_blank"><img src="/blog/img/09/14tools.png" alt="14 free tools that reveal why people abandon your website" width="478" height="400" /></a></p>
<p>文章中所介绍的工具功能强大，十分实用，而且更令人兴奋的是它们都是免费的！里面有跟踪网站用户的来源和点击的<a href="http://www.google.com/analytics/" target="_blank"><strong>Google Analytics</strong></a>、观察用户行为的“热点分布图”<a href="http://crazyegg.com/" target="_blank"><strong>Crazy Egg</strong></a>、提供用户访问视频的Web分析工具的<a href="http://www.clicktale.com/" target="_blank"><strong>ClickTale</strong></a>，还有用于直接与用户交流的<a href="http://googletalk.blogspot.com/2008/02/google-talk-chatback.html" target="_blank"><strong>Google Talk chatback</strong></a>，以及等等等等十四个。一个个身怀绝技，并且免费为您服务，如果现在就想享受这份待遇，请点击<a href="http://www.achome.cn/blog/?p=509" target="_blank">《14个绝佳的站长工具》</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/website-free-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

