<?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>idv2 &#187; firebug</title>
	<atom:link href="http://tech.idv2.com/tag/firebug/feed/" rel="self" type="application/rss+xml" />
	<link>http://tech.idv2.com</link>
	<description>关注Web开发技术，关注Internet。</description>
	<lastBuildDate>Tue, 27 Jul 2010 12:54:54 +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>Firebug 1.0 Beta版发布</title>
		<link>http://tech.idv2.com/2006/12/07/firebug-10-beta-features/</link>
		<comments>http://tech.idv2.com/2006/12/07/firebug-10-beta-features/#comments</comments>
		<pubDate>Wed, 06 Dec 2006 15:37:52 +0000</pubDate>
		<dc:creator>charlee</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://charlee.itbdns.com/tech/archives/290.html</guid>
		<description><![CDATA[<!-- begin Pukiwiki generated code--><p>Firebug开发小组终于发布了激动人心的<a href="http://getfirebug.com">Firebug 1.0 Beta版</a>。
与当初的Firebug 0.4版相比，这次的正式发布版已经不仅仅是简单的Javascript控制台，
而是集控制台、调试器、DOM查看/编辑器、网络监视器于一身的强大调试工具。
而使用者也不再限于Javascript开发者，内置的Box模型查看功能让网页设计师也受益匪浅。
下面我们来看看它的新功能吧。</p>
<!-- end Pukiwiki generated code--><span id="more-290"></span><!-- begin Pukiwiki generated code--><h2 id="content_2_0">可随时启用或禁用</h2>
<p>开发时需要Firebug，但平时上网时启用Firebug又会影响脚本执行速度。
正式版的Firebug可以随时启用或禁用而不需要重新启动Firefox，
甚至可以仅在浏览指定网站时启动Firefox。</p>

<h2 id="content_2_1">Javascript控制台</h2>
<p>控制台和0.4版的控制台功能基本相同，可以直接执行Javascript语句，
也可以通过输入变量名来查看变量内容。出现脚本错误时，可以显示backtrace（函数调用历史）。
在选项中打开<strong>Show XMLHttpRequests</strong>可以查看XMLHttpRequests对象的通信情况，
这在Ajax开发时十分有用。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/firebug1b-1.png" alt="firebug1b-1.png" title="firebug1b-1.png" width="658" height="285" /></div>

<p>正式版的一个小改进是，选项中打开<strong>Larger Command Line</strong>，可以打开一个多行的命令行，
方便输入大量的代码。</p>

<h2 id="content_2_2">强大的HTML查看器</h2>
<p>正式版的HTML代码查看器不仅可以直接修改HTML代码的内容，还可以查看元素的CSS属性和CSS的继承关系。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/firebug1b-2.png" alt="firebug1b-2.png" title="firebug1b-2.png" width="731" height="199" /></div>

<p>打开Layout标签，可以看到box模型中 margin、padding、border 的大小。
将鼠标放在box模型中，相应元素的周围会出现标尺，这为网页设计者提供了极大的方便。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/firebug1b-3.png" alt="firebug1b-3.png" title="firebug1b-3.png" width="629" height="400" /></div>


<h2 id="content_2_3">CSS编辑器</h2>
<p>CSS编辑器可以编辑、添加、删除属性，也可以临时禁止属性。这样做设计时就不必每次刷新页面，
而只要在编辑器中调整CSS即可。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/firebug1b-4.png" alt="firebug1b-4.png" title="firebug1b-4.png" width="424" height="210" /></div>


<h2 id="content_2_4">脚本调试器</h2>
<p>正式版的脚本调试器已经可以设置断点并中断程序执行，也可以单步调试，甚至连Watch窗口都有，
俨然一个真正的脚本调试器。只可惜尚不能调试 eval 代码。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/firebug1b-5.png" alt="firebug1b-5.png" title="firebug1b-5.png" width="722" height="235" /></div>


<h2 id="content_2_5">网络监视器</h2>
<p>网络监视器可以监视所有的请求，查看其内容，并可以统计请求消耗的时间，用于调试性能。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/firebug1b-6.png" alt="firebug1b-6.png" title="firebug1b-6.png" width="720" height="170" /></div>

<!-- end Pukiwiki generated code-->
]]></description>
			<content:encoded><![CDATA[<!-- begin Pukiwiki generated code--><p>Firebug开发小组终于发布了激动人心的<a href="http://getfirebug.com">Firebug 1.0 Beta版</a>。
与当初的Firebug 0.4版相比，这次的正式发布版已经不仅仅是简单的Javascript控制台，
而是集控制台、调试器、DOM查看/编辑器、网络监视器于一身的强大调试工具。
而使用者也不再限于Javascript开发者，内置的Box模型查看功能让网页设计师也受益匪浅。
下面我们来看看它的新功能吧。</p>
<!-- end Pukiwiki generated code--><span id="more-290"></span><!-- begin Pukiwiki generated code--><h2 id="content_4_0">可随时启用或禁用</h2>
<p>开发时需要Firebug，但平时上网时启用Firebug又会影响脚本执行速度。
正式版的Firebug可以随时启用或禁用而不需要重新启动Firefox，
甚至可以仅在浏览指定网站时启动Firefox。</p>

<h2 id="content_4_1">Javascript控制台</h2>
<p>控制台和0.4版的控制台功能基本相同，可以直接执行Javascript语句，
也可以通过输入变量名来查看变量内容。出现脚本错误时，可以显示backtrace（函数调用历史）。
在选项中打开<strong>Show XMLHttpRequests</strong>可以查看XMLHttpRequests对象的通信情况，
这在Ajax开发时十分有用。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/firebug1b-1.png" alt="firebug1b-1.png" title="firebug1b-1.png" width="658" height="285" /></div>

<p>正式版的一个小改进是，选项中打开<strong>Larger Command Line</strong>，可以打开一个多行的命令行，
方便输入大量的代码。</p>

<h2 id="content_4_2">强大的HTML查看器</h2>
<p>正式版的HTML代码查看器不仅可以直接修改HTML代码的内容，还可以查看元素的CSS属性和CSS的继承关系。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/firebug1b-2.png" alt="firebug1b-2.png" title="firebug1b-2.png" width="731" height="199" /></div>

<p>打开Layout标签，可以看到box模型中 margin、padding、border 的大小。
将鼠标放在box模型中，相应元素的周围会出现标尺，这为网页设计者提供了极大的方便。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/firebug1b-3.png" alt="firebug1b-3.png" title="firebug1b-3.png" width="629" height="400" /></div>


<h2 id="content_4_3">CSS编辑器</h2>
<p>CSS编辑器可以编辑、添加、删除属性，也可以临时禁止属性。这样做设计时就不必每次刷新页面，
而只要在编辑器中调整CSS即可。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/firebug1b-4.png" alt="firebug1b-4.png" title="firebug1b-4.png" width="424" height="210" /></div>


<h2 id="content_4_4">脚本调试器</h2>
<p>正式版的脚本调试器已经可以设置断点并中断程序执行，也可以单步调试，甚至连Watch窗口都有，
俨然一个真正的脚本调试器。只可惜尚不能调试 eval 代码。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/firebug1b-5.png" alt="firebug1b-5.png" title="firebug1b-5.png" width="722" height="235" /></div>


<h2 id="content_4_5">网络监视器</h2>
<p>网络监视器可以监视所有的请求，查看其内容，并可以统计请求消耗的时间，用于调试性能。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/firebug1b-6.png" alt="firebug1b-6.png" title="firebug1b-6.png" width="720" height="170" /></div>

<!-- end Pukiwiki generated code-->
]]></content:encoded>
			<wfw:commentRss>http://tech.idv2.com/2006/12/07/firebug-10-beta-features/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
