<?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>等待喝彩_OnEcho &#187; Firebug</title>
	<atom:link href="http://www.onecho.com/tag/firebug/feed" rel="self" type="application/rss+xml" />
	<link>http://www.onecho.com</link>
	<description>http://www.onecho.com  回声的启示</description>
	<lastBuildDate>Fri, 16 Jul 2010 14:18:16 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>七个推荐给Webmaster的Firefox扩展</title>
		<link>http://www.onecho.com/2008-09-05/148.html</link>
		<comments>http://www.onecho.com/2008-09-05/148.html#comments</comments>
		<pubDate>Fri, 05 Sep 2008 13:27:04 +0000</pubDate>
		<dc:creator>Kenami</dc:creator>
				<category><![CDATA[网络文摘]]></category>
		<category><![CDATA[CSS Viewer]]></category>
		<category><![CDATA[Firebug]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[FireFTP]]></category>
		<category><![CDATA[Web Developer]]></category>
		<category><![CDATA[扩展]]></category>
		<category><![CDATA[浏览器]]></category>

		<guid isPermaLink="false">http://onecho.com/?p=148</guid>
		<description><![CDATA[Firefox的强大之处就在于它数不胜数的扩展，功能涵盖方方面面。作为一个WebMaster，你可能会用到网站建立和网页设计等等相关的软件，但是五花八门的软件不但难找，使用起来也不一定很方便。这里我就介绍一下我在使用的七个与网站开发相关的Firefox扩展，它们把众多功能集合一在个浏览器里。
建站期间文件什么的都要往服务器上传吧，大家多数选的软件都是诸如FlashFXP之类的专业FTP工具，我以前也用的]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.linxo.cn/blog/archives/tag/firefox">Firefox</a>的强大之处就在于它数不胜数的扩展，功能涵盖方方面面。作为一个WebMaster，你可能会用到网站建立和网页设计等等相关的软件，但是五花八门的软件不但难找，使用起来也不一定很方便。这里我就介绍一下我在使用的七个与网站开发相关的<a href="http://www.linxo.cn/blog/archives/tag/firefox">Firefox</a>扩展，它们把众多功能集合一在个浏览器里。<br />
<strong><a href="https://addons.mozilla.org/zh-CN/firefox/addon/684">1. FireFTP</a></strong></p>
<p><img src="http://lh4.ggpht.com/xcjjzh/SIiAfAK3ggI/AAAAAAAAAvk/aEEMvB6zyBQ/s800/wa-01.jpg" alt="" /></p>
<p>建站期间文件什么的都要往服务器上传吧，大家多数选的软件都是诸如FlashFXP之类的专业FTP工具，我以前也用的这个。但是现在我选择了 FireFTP，因为可能是网络问题吧，我用FlashFXP上传文件的速度慢得不可理喻，而且经常掉线，而FireFTP就不会，具体原因我也不知道。主界面如下，和一般的FTP软件很像吧。</p>
<p><a href="http://picasaweb.google.com/xcjjzh/NetImg/photo#5226568819451880450"><img src="http://lh6.ggpht.com/xcjjzh/SIiAplWP5AI/AAAAAAAAAw0/8h_wrG4arwY/s400/wa-08.jpg" alt="" /></a></p>
<p><strong><a href="https://addons.mozilla.org/zh-CN/firefox/addon/4724">2. Firefox Universal Uploader</a></strong></p>
<p><img src="http://lh3.ggpht.com/xcjjzh/SIiApui0wNI/AAAAAAAAAw8/r-8McOdrYkw/s800/wa-07.jpg" alt="" /></p>
<p>这个插件是做什么的呢？一般的个人网站月流量是有限制的，所以图片什么的一般都选择外链，而不是放在自己的服务器上，比如说Picasa相册或者别的什么网络相册。使用这个工具，你可以像使用FTP上传一样来上传你的文件，很方便，当然其实质应该不是FTP。这个扩展不仅仅支持Picasa，还有 Flickr，Box.net，Google Docs都支持，需要的人可以去试试。</p>
<p><a href="http://picasaweb.google.com/xcjjzh/NetImg/photo#5226568788998818178"><img src="http://lh3.ggpht.com/xcjjzh/SIiAnz5rCYI/AAAAAAAAAws/WBfkjws5HPY/s400/wa-09.jpg" alt="" /></a></p>
<p>以下的扩展都是与网页设计相关的。</p>
<p><strong><a href="https://addons.mozilla.org/zh-CN/firefox/addon/3408">3. Abduction!</a></strong></p>
<p><img src="http://lh3.ggpht.com/xcjjzh/SIiAhISCv9I/AAAAAAAAAv8/yFhyZQCqZwg/s800/wa-04.jpg" alt="" /></p>
<p>这个扩展是把整个网页保存为一幅图片，你可以参考别人的设计，网页的配色等，图片可以保存为PNG和JPG等格式，比较方便。如果某些网页不允许你保存页面的话，也可以用这个扩展把页面保存为图片，需要的时候拿出来放大看，效果是一样的，只是图片上的文字就不能复制了。以下是取图界面：</p>
<p><a href="http://picasaweb.google.com/xcjjzh/NetImg/photo#5226568727562144722"><img src="http://lh6.ggpht.com/xcjjzh/SIiAkPCBy9I/AAAAAAAAAwU/NtfC0l00OWg/s400/wa-12.jpg" alt="" /></a></p>
<p><strong><a href="https://addons.mozilla.org/zh-CN/firefox/addon/1843">4. Firebug</a></strong></p>
<p><img src="http://lh4.ggpht.com/xcjjzh/SIiAgUBuQqI/AAAAAAAAAv0/L8-NnPW5PTU/s800/wa-03.jpg" alt="" /></p>
<p>Firebug使用的人太多，我不详说，功能包括查看网页源代码，CSS，脚本，还带有一个DOM查看器，与之功能相当的还有Web Developer。以下是Firebug的网页内容查看器：</p>
<p><a href="http://picasaweb.google.com/xcjjzh/NetImg/photo#5226568745539215666"><img src="http://lh4.ggpht.com/xcjjzh/SIiAlSAGITI/AAAAAAAAAwc/ilvzBZaa0A8/s400/wa-11.jpg" alt="" /></a></p>
<p><strong><a href="https://addons.mozilla.org/zh-CN/firefox/addon/60">5. Web Developer</a></strong></p>
<p><img src="http://lh5.ggpht.com/xcjjzh/SIiAgMN0sBI/AAAAAAAAAvs/nmTLRBL0J8Q/s800/wa-02.jpg" alt="" /></p>
<p>如上所说的，Web Developer在功能上与Firebug相当，但是我个人觉得Web Developer好用一点，因为可以自由地选择要显示的，不显示的，包含的功能很丰富，还包含了网页标准认证的按钮和提示，对CSS开发者来说应该相当方便。我常常是这两个扩展一起用。</p>
<p><a href="http://picasaweb.google.com/xcjjzh/NetImg/photo#5226568764547726034"><img src="http://lh6.ggpht.com/xcjjzh/SIiAmY0E-tI/AAAAAAAAAwk/f4N1fOolJU0/s400/wa-10.jpg" alt="" /></a></p>
<p><strong><a href="https://addons.mozilla.org/zh-CN/firefox/addon/271">6. ColorZilla</a></strong></p>
<p><img src="http://lh6.ggpht.com/xcjjzh/SIiAiSOULhI/AAAAAAAAAwM/7yRCj7EPLtY/s800/wa-13.jpg" alt="" /></p>
<p>ColorZilla是个方便的网页颜色分析工具，它包含颜色选择器，调色板，颜色DOM分析工具，支持鼠标对特定对象的选择，可以和Firebug协同工作，支持网页缩放。你可以用它对视觉效果强的网站进行配色分析，然后参考进行设计。</p>
<p><img src="http://lh4.ggpht.com/xcjjzh/SIiAhU2WBuI/AAAAAAAAAwE/uOUuMaiNcRc/s800/wa-14.jpg" alt="" /></p>
<p><strong><a href="https://addons.mozilla.org/zh-CN/firefox/addon/2104">7. CSS Viewer</a></strong></p>
<p><img src="http://lh4.ggpht.com/xcjjzh/SIiAqA43HVI/AAAAAAAAAxE/zdOHa9IgbMU/s800/wa-06.jpg" alt="" /></p>
<p>CSS Viewer是个比较简单美观的CSS查看器，没有什么其他的功能，CSS查看的功能虽然不及Firebug和Web Developer，但是这个工具方便得多。如果你只想看看网页上特定元素的CSS属性，安装这个扩展后，在工具菜单里选择CSSViewer这项，就可以用鼠标指向相应的网页元素来看CSS信息了，免得去打开那个Web Developer或者Firebug。</p>
<p><img src="http://lh4.ggpht.com/xcjjzh/SIiAqoSdsyI/AAAAAAAAAxM/lZLDV8R4wm8/s800/wa-05.jpg" alt="" /></p>
<p>最后说一下，安装了很多扩展后，<a href="http://www.linxo.cn/blog/archives/tag/firefox">Firefox</a>的启动速度什么的就会很慢，如果不是必须，这些扩展不一定要全部安装的，更何况<a href="http://www.linxo.cn/blog/archives/tag/firefox">Firefox</a>里面还要安装别的扩展。我现在就被拖得不行，启动一次Firefox3还要接近一分钟呢……</p>
<p>原文地址：<a href="http://www.linxo.cn/blog/archives/135">http://www.linxo.cn/blog/archives/135</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.onecho.com/2008-09-05/148.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
