<?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; firebug</title>
	<atom:link href="http://icyleaf.com/tag/firebug/feed/" rel="self" type="application/rss+xml" />
	<link>http://icyleaf.com</link>
	<description>icyleaf&#039;s blog - 心外无理，心外无物，心外无事</description>
	<lastBuildDate>Tue, 13 Dec 2011 02:34:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>推荐5个最棒的Firebug扩展</title>
		<link>http://icyleaf.com/2008/07/the-5-best-firebug-extensions/</link>
		<comments>http://icyleaf.com/2008/07/the-5-best-firebug-extensions/#comments</comments>
		<pubDate>Tue, 22 Jul 2008 02:53:30 +0000</pubDate>
		<dc:creator>icyleaf</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[网络开发]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[FireFox-Plugins]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.icyleaf.cn/?p=218</guid>
		<description><![CDATA[原文翻译自：The 5 Best Firebug Extensions 众所周知，Firefox浏览器外加Firebug插件是互联网开发的最佳平台和调试工具。与此同时，Firebug最人性化的地方还是可以再做插件扩展，下面将介绍的是WebMonkey推荐的5款最棒的Firebug扩展。（安装下面插件的之前必须先安装Firebug插件） 1. YSlow YSlow（why slow）是由Yahoo开发者团队发布的一款基于Firebug的插件，插件遵循雅虎10条网站开发的军规评测网页效率。这里推荐一篇文章《如何提高网页的效率（下篇）——Use YSlow to know why your web Slow》。 2. Firecookie Firecookie可以随时查看当前网页的所有变化的Cookies信息，同时还可以从firebug的面板设置是否接受或拒绝cookies信息，同时配合Firefox3的页面信息功能使用效果尤佳。Web Developer插件也有类似的功能。 3. FirePHP FirePHP的PHP调试信息都是通过在HTTP头里面添加“X-FirePHP-Data”信息串来标识，不会直接输出到页面上，这样也就避免对php正常输出产生影响。不过调试的时候需要加载一个FirePHP的库文件。如何使用大家可以参加这篇文章：《Debugging PHP with Firebug and FirePHP》这个也是我今天才找到的，里面的英文不是很难懂。 4. Pixel Perfect Pixel Perfect是专门为做设计的朋友准备，经过我的测试明白了它的用途，它可以添加图片到当前的页面上面，同时可以调整图片的透明度和位置，以方便调试网站的设计，我想光凭我说还是很难明白，大家看下官方的视频演示吧。 5. Rainbow Rainbow是一款使得JavaScript语法高亮的插件，因此此插件被命名为彩虹（Rainbow），默认的Javascript变量是绿色，保留字是蓝色，当然如果你不喜欢，你还可以随时更改，通过官方的颜色库可以改变，不过目前只有4种配色。 如果你对Firebug的插件有兴趣的话，可以参见Jan Odvarko列出来的Friebug的插件清单。当然，您也可以自己编写FIrebug插件。]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.webmonkey.com/blog/The_5_Best_Firebug_Extensions" target="_blank"></a><img src="http://blog.iyi.cn/start/2007/04/30/391953301_2101c534f2.jpg" alt="firebug" /><br />
原文翻译自：<a href="http://www.webmonkey.com/blog/The_5_Best_Firebug_Extensions" target="_blank">The 5 Best Firebug Extensions</a></p>
<p>众所周知，Firefox浏览器外加Firebug插件是互联网开发的最佳平台和调试工具。与此同时，Firebug最人性化的地方还是可以再做插件扩展，下面将介绍的是<a href="http://www.webmonkey.com" target="_blank">WebMonkey</a>推荐的5款最棒的Firebug扩展。（安装下面插件的之前必须先安装<a href="https://addons.mozilla.org/en-US/firefox/addon/5369" target="_self">Firebug</a>插件）<span id="more-218"></span></p>
<p><strong>1. </strong><strong><a href="http://developer.yahoo.com/yslow/" target="_blank">YSlow</a></strong><br />
<img src="http://us.i1.yimg.com/us.yimg.com/i/rt/yslow/perfview.png" alt="yslow" width="500" height="300" /></p>
<p>YSlow（why slow）是由<a title="Yahoo开发者团队" href="http://developer.yahoo.com/" target="_blank">Yahoo开发者团队</a>发布的一款基于Firebug的插件，插件遵循雅虎<a href="http://developer.yahoo.com/performance/index.html#rules" target="_self">10条网站开发的军规</a>评测网页效率。这里推荐一篇文章《<a href="http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html" target="_blank">如何提高网页的效率（下篇）——Use YSlow to know why your web Slow</a>》。</p>
<p><strong>2. <a href="https://addons.mozilla.org/en-US/firefox/addon/6683" target="_blank">Firecookie</a></strong><br />
<img class="full" src="http://howto.wired.com/mediawiki/images/Firecookie.png" alt="Firecookie shows list of cookies in Firebug" width="500" height="128" /></p>
<p>Firecookie可以随时查看当前网页的所有变化的Cookies信息，同时还可以从firebug的面板设置是否接受或拒绝cookies信息，同时配合Firefox3的页面信息功能使用效果尤佳。<a href="https://addons.mozilla.org/firefox/addon/60" target="_self">Web Developer</a>插件也有类似的功能。</p>
<p><strong>3. <a href="https://addons.mozilla.org/en-US/firefox/addon/6149" target="_blank">FirePHP</a></strong><br />
<img class="full" src="http://howto.wired.com/mediawiki/images/Firephp.png" alt="FirePHP: PHP debugging in Firebug" /></p>
<p>FirePHP的PHP调试信息都是通过在HTTP头里面添加“X-FirePHP-Data”信息串来标识，不会直接输出到页面上，这样也就避免对php正常输出产生影响。不过调试的时候需要加载一个FirePHP的库文件。如何使用大家可以参加这篇文章：《<a title="Permanent Link: Debugging PHP with Firebug and FirePHP" href="http://www.developertutorials.com/blog/php/debugging-php-with-firebug-and-firephp-365/" target="_blank">Debugging PHP with Firebug and FirePHP</a>》这个也是我今天才找到的，里面的英文不是很难懂。</p>
<p><strong>4. <a href="https://addons.mozilla.org/en-US/firefox/addon/7943" target="_blank">Pixel Perfect</a></strong><br />
<img class="full" src="http://howto.wired.com/mediawiki/images/Pixelperfect.png" alt="Pixel Perfect help you be just that" /></p>
<p>Pixel Perfect是专门为做设计的朋友准备，经过我的测试明白了它的用途，它可以添加图片到当前的页面上面，同时可以调整图片的透明度和位置，以方便调试网站的设计，我想光凭我说还是很难明白，大家看下官方的<a href="http://www.pixelperfectplugin.com/" target="_blank">视频演示</a>吧。</p>
<p><strong>5. Rainbow</strong><br />
<img class="full" src="http://howto.wired.com/mediawiki/images/Rainbox-firebug.png" alt="Rainbow adds colors to your code" /></p>
<p>Rainbow是一款使得JavaScript语法高亮的插件，因此此插件被命名为彩虹（Rainbow），默认的Javascript变量是绿色，保留字是蓝色，当然如果你不喜欢，你还可以随时更改，通过官方的<a href="http://xrefresh.com/presets" target="_blank">颜色库</a>可以改变，不过目前只有4种配色。</p>
<p>如果你对Firebug的插件有兴趣的话，可以参见Jan Odvarko列出来的Friebug的<a href="http://www.softwareishard.com/blog/firebug/list-of-firebug-extensions/" target="_blank">插件清单</a>。当然，您也可以<a href="http://www.webmonkey.com/blog/How_to_Create_a_Firebug_Extension" target="_blank">自己编写FIrebug插件</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://icyleaf.com/2008/07/the-5-best-firebug-extensions/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

