<?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>aw's blog 姿态永恒 &#187; 关于firebug的文章</title>
	<atom:link href="http://www.awflasher.com/blog/tag/firebug/feed" rel="self" type="application/rss+xml" />
	<link>http://www.awflasher.com/blog</link>
	<description>分享互联网, 分享人生</description>
	<lastBuildDate>Sun, 29 Jan 2012 11:57:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Firebug控制台鲜为人知的几种用法</title>
		<link>http://www.awflasher.com/blog/archives/1625</link>
		<comments>http://www.awflasher.com/blog/archives/1625#comments</comments>
		<pubDate>Fri, 19 Dec 2008 23:45:00 +0000</pubDate>
		<dc:creator>aw</dc:creator>
				<category><![CDATA[web开发]]></category>
		<category><![CDATA[console]]></category>
		<category><![CDATA[firebug]]></category>

		<guid isPermaLink="false">http://www.awflasher.com/blog/archives/1625</guid>
		<description><![CDATA[一直以来，由于缺乏规范的调试环境和强大的开发平台。在HTML、CSS和JavaScript等技术上，人们要所投入大量的时间和精力进行枯燥的测试。然而，Firebug的出现极大地节约了Web开发者的开发时间。尤其是其JavaScript控制台（Console）让开发者手中的HTML页面活了起来。 我们平时接触最多的，就是console.log、console.info和console.error了：无论是直接输出JavaScript的运行结果，还是和ActionScript配合进行HTML中的ActionScript-JavaScript连调，这些方法都十分好用。只需要一个简单的console.log(someVariable);或者在ActionScript中一行com.flash.external.ExternalInterface.call(&#34;console.log&#34;,someVariable);就能看到变量（表达式）的结果。 然而，Console其实还提供许多强大的API接口。许多朋友似乎还不知道。下面就分享几个我所知道的，欢迎补充。 console.dir(anyObject) &#8211; 直接输出对象的结构，范例如图： console.dirxml(anyDOMNode) &#8211; 类似上例，按缩进格式输出一段HTML结点的内容，如图： console.time(slugName) &#8211; console.timeEnd(slugName) &#8211; 记录某一个时间戳的执行时间，可用于优化循环语句，如图： console.group() – console.groupEnd() &#8211; 分组输出内容，看图就明白了： 15条评论, 立即发言 &#124; 本文关键词: console, firebug ©aw's blog 姿态永恒 1984-2008 &#124; 链接地址 - http://www.awflasher.com/blog/archives/1625 @awguo （新浪微博） &#124; @awguo （腾讯微博） &#124; Twitter: @awguo]]></description>
			<content:encoded><![CDATA[<p>一直以来，由于缺乏规范的调试环境和强大的开发平台。在HTML、CSS和JavaScript等技术上，人们要所投入大量的时间和精力进行枯燥的测试。然而，Firebug的出现极大地节约了Web开发者的开发时间。尤其是其JavaScript控制台（Console）让开发者手中的HTML页面活了起来。</p>
<p>我们平时接触最多的，就是console.log、console.info和console.error了：无论是直接输出JavaScript的运行结果，还是和ActionScript配合进行HTML中的ActionScript-JavaScript连调，这些方法都十分好用。只需要一个简单的console.log(someVariable);或者在ActionScript中一行com.flash.external.ExternalInterface.call(&quot;console.log&quot;,someVariable);就能看到变量（表达式）的结果。</p>
<p>然而，Console其实还提供许多强大的API接口。许多朋友似乎还不知道。下面就分享几个我所知道的，欢迎补充。</p>
<p><strong>console.dir(anyObject) &#8211; </strong>直接输出对象的结构，范例如图：</p>
<p><img src="http://pic.yupoo.com/awflasher/032016aee8c8/ocawlelv.jpg" /> </p>
<p><strong>console.dirxml(anyDOMNode) &#8211; </strong>类似上例，按缩进格式输出一段HTML结点的内容，如图：</p>
<p><img src="http://pic.yupoo.com/awflasher/027606aee8ca/medium.jpg" /> </p>
<p><strong>console.time(slugName) &#8211; console.timeEnd(slugName) &#8211; </strong>记录某一个时间戳的执行时间，可用于优化循环语句，如图：</p>
<p><img src="http://pic.yupoo.com/awflasher/306496aee8cc/yb6st59w.jpg" /></p>
<p><strong>console.group() – console.groupEnd() &#8211; </strong>分组输出内容，看图就明白了：</p>
<p><img src="http://pic.yupoo.com/awflasher/048566aeeb4d/ebeejrgx.jpg" /></p>
<div style="border-top:1px dotted #ddd;width:100%;margin:5px 0"></div>
<p>
<strong>
<a href="http://www.awflasher.com/blog/archives/1625#awcomment"><strong>15</strong>条评论</a>,
<a href="http://www.awflasher.com/blog/archives/1625#awcomment">立即发言</a>
</strong>
|
本文关键词: <a href="http://www.awflasher.com/blog/tag/console" rel="tag">console</a>, <a href="http://www.awflasher.com/blog/tag/firebug" rel="tag">firebug</a><br/></p>
<p>©<a href="http://www.awflasher.com/blog" title="aw's blog 姿态永恒">aw's blog 姿态永恒</a> 1984-2008  | <a href="http://www.awflasher.com/blog/archives/1625">链接地址</a> - http://www.awflasher.com/blog/archives/1625
</p>
<p><a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://weibo.com/awguo">@awguo （新浪微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://t.qq.com/awguo">@awguo （腾讯微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="https://twitter.com/awguo">Twitter: @awguo</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.awflasher.com/blog/archives/1625/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Firebug 1.2正式版&#8220;低调&#8221;发布</title>
		<link>http://www.awflasher.com/blog/archives/1431</link>
		<comments>http://www.awflasher.com/blog/archives/1431#comments</comments>
		<pubDate>Tue, 26 Aug 2008 04:17:59 +0000</pubDate>
		<dc:creator>aw</dc:creator>
				<category><![CDATA[web开发]]></category>
		<category><![CDATA[firebug]]></category>

		<guid isPermaLink="false">http://www.awflasher.com/blog/archives/1431</guid>
		<description><![CDATA[Firebug一直是我最喜欢的调试工具。我可以肯定，DOM Inspector、Console和Net面板的出现节约了许多Web开发者数年的生命。 不过，Firebug这样一款受人欢迎的扩展应用，自己也老闹一些“毛病”，比如，前段时间连主站域名getfirebug.com都被“劫持”了，时间长达几周…… 今天又发现官方首页的blog打不开了，我之前没怎么看过这个blog，Google PR为0可以看出，这个blog估计页面也是长期“罢工”了： 不过，这些“瑕疵”都无所谓，Firebug本身正在不断的更新。今天，发现Firebug 1.2也如期在Mozilla发布了。John Barton在Firebug的Group说过周一（北京时间周二）会发布这个版本。 1.2版在JavaScript调试和操作界面上都比1.0有了极大的进步。正式版更是比beta更加稳定、可靠。赶紧下载吧：https://addons.mozilla.org/en-US/firefox/addon/1843 6条评论, 立即发言 &#124; 本文关键词: firebug ©aw's blog 姿态永恒 1984-2008 &#124; 链接地址 - http://www.awflasher.com/blog/archives/1431 @awguo （新浪微博） &#124; @awguo （腾讯微博） &#124; Twitter: @awguo]]></description>
			<content:encoded><![CDATA[<p><img src="http://pic.yupoo.com/awflasher/90305616f9f9/k5ngrp5c.jpg" /> </p>
<p>Firebug一直是我最喜欢的调试工具。我可以肯定，DOM Inspector、Console和Net面板的出现节约了许多Web开发者数年的生命。</p>
<p>不过，Firebug这样一款受人欢迎的扩展应用，自己也老闹一些“毛病”，比如，前段时间连主站域名getfirebug.com都被“劫持”了，时间长达几周……</p>
<p>今天又发现官方首页的blog打不开了，我之前没怎么看过这个blog，Google PR为0可以看出，这个blog估计页面也是长期“<a href="http://pic.yupoo.com/awflasher/33588616fa10/medium.jpg" target="_blank" rel="nofollow">罢工</a>”了：</p>
<p>不过，这些“瑕疵”都无所谓，Firebug本身正在不断的更新。今天，发现Firebug 1.2也如期在Mozilla发布了。John Barton在Firebug的Group说过周一（北京时间周二）会发布这个版本。</p>
<p><img src="http://pic.yupoo.com/awflasher/30335616f871/z31dmtjq.jpg" /> </p>
<p>1.2版在JavaScript调试和操作界面上都比1.0有了极大的进步。正式版更是比beta更加稳定、可靠。赶紧下载吧：<a title="https://addons.mozilla.org/en-US/firefox/addon/1843" href="https://addons.mozilla.org/en-US/firefox/addon/1843">https://addons.mozilla.org/en-US/firefox/addon/1843</a></p>
<div style="border-top:1px dotted #ddd;width:100%;margin:5px 0"></div>
<p>
<strong>
<a href="http://www.awflasher.com/blog/archives/1431#awcomment"><strong>6</strong>条评论</a>,
<a href="http://www.awflasher.com/blog/archives/1431#awcomment">立即发言</a>
</strong>
|
本文关键词: <a href="http://www.awflasher.com/blog/tag/firebug" rel="tag">firebug</a><br/></p>
<p>©<a href="http://www.awflasher.com/blog" title="aw's blog 姿态永恒">aw's blog 姿态永恒</a> 1984-2008  | <a href="http://www.awflasher.com/blog/archives/1431">链接地址</a> - http://www.awflasher.com/blog/archives/1431
</p>
<p><a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://weibo.com/awguo">@awguo （新浪微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://t.qq.com/awguo">@awguo （腾讯微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="https://twitter.com/awguo">Twitter: @awguo</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.awflasher.com/blog/archives/1431/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>请升级到Firefox 3.01和Firebug1.20b6</title>
		<link>http://www.awflasher.com/blog/archives/1382</link>
		<comments>http://www.awflasher.com/blog/archives/1382#comments</comments>
		<pubDate>Thu, 17 Jul 2008 14:33:01 +0000</pubDate>
		<dc:creator>aw</dc:creator>
				<category><![CDATA[web开发]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[Firefox]]></category>

		<guid isPermaLink="false">http://www.awflasher.com/blog/archives/1382</guid>
		<description><![CDATA[Firefox3.01似乎是刚刚发布的。 修正了一些安全漏洞. 更加稳定 修正了反间谍数据库初次启动不更新的问题 更新了内部顶级域名后缀列表 更多见此（遗憾的是，我们看到Adobe Flash仍然是一个bug制造户，可以看看这篇文章我提到的一些） 此外，Firebug已经升级到1.2Beta6（Firefox3才可使用），据我个人观察，修正了许多奇怪的Bug，例如HTML Inspector失效（直接导致我的www.awflasher.com/blog/主题TES晚发布了几周）、无法编辑具体DOM，以及net监控丢包，等等。另外，个人感觉速度更快了。 因此，请不要犹豫，立即升级你的Firebug！ 6条评论, 立即发言 &#124; 本文关键词: firebug, Firefox ©aw's blog 姿态永恒 1984-2008 &#124; 链接地址 - http://www.awflasher.com/blog/archives/1382 @awguo （新浪微博） &#124; @awguo （腾讯微博） &#124; Twitter: @awguo]]></description>
			<content:encoded><![CDATA[<p>Firefox3.01似乎是刚刚发布的。</p>
<ul>
<li>修正了一些<a href="http://www.mozilla.org/security/known-vulnerabilities/firefox30.html#firefox3.0.1">安全漏洞</a>. </li>
<li>更加稳定 </li>
<li>修正了反间谍数据库初次启动不更新的问题 </li>
<li>更新了内部顶级域名后缀列表 </li>
<li>更多<a href="http://en-us.www.mozilla.com/en-US/firefox/3.0.1/releasenotes/">见此</a>（遗憾的是，我们看到Adobe Flash仍然是一个bug制造户，可以看看<a title="Flash在Firefox的问题" href="http://as3blog.com/resources/flash-not-not-firing-keyevents-in-firefox/">这篇文章</a>我提到的一些） </li>
</ul>
<p>此外，Firebug已经<a href="https://addons.mozilla.org/firefox/addon/1843">升级到1.2Beta6</a>（Firefox3才可使用），据我个人观察，修正了许多奇怪的Bug，例如HTML Inspector失效（直接导致我的<a href="http://www.awflasher.com/blog/">www.awflasher.com/blog/</a>主题TES晚发布了几周）、无法编辑具体DOM，以及net监控丢包，等等。另外，个人感觉速度更快了。</p>
<p>因此，请不要犹豫，立即升级你的Firebug！</p>
<div style="border-top:1px dotted #ddd;width:100%;margin:5px 0"></div>
<p>
<strong>
<a href="http://www.awflasher.com/blog/archives/1382#awcomment"><strong>6</strong>条评论</a>,
<a href="http://www.awflasher.com/blog/archives/1382#awcomment">立即发言</a>
</strong>
|
本文关键词: <a href="http://www.awflasher.com/blog/tag/firebug" rel="tag">firebug</a>, <a href="http://www.awflasher.com/blog/tag/firefox" rel="tag">Firefox</a><br/></p>
<p>©<a href="http://www.awflasher.com/blog" title="aw's blog 姿态永恒">aw's blog 姿态永恒</a> 1984-2008  | <a href="http://www.awflasher.com/blog/archives/1382">链接地址</a> - http://www.awflasher.com/blog/archives/1382
</p>
<p><a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://weibo.com/awguo">@awguo （新浪微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://t.qq.com/awguo">@awguo （腾讯微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="https://twitter.com/awguo">Twitter: @awguo</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.awflasher.com/blog/archives/1382/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Firebug 1.2的替代下载地址以及一些更新简介</title>
		<link>http://www.awflasher.com/blog/archives/1321</link>
		<comments>http://www.awflasher.com/blog/archives/1321#comments</comments>
		<pubDate>Fri, 13 Jun 2008 11:58:27 +0000</pubDate>
		<dc:creator>aw</dc:creator>
				<category><![CDATA[web开发]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[firefox3]]></category>

		<guid isPermaLink="false">http://www.awflasher.com/blog/archives/1321</guid>
		<description><![CDATA[最近，getfirebug.com这个域名DNS出了问题。 起初，我以为是我这糟糕的网通ADSL出了问题，后来，我又以为是这个Firebug被GFW了，我还怀疑为了闹孕肺的胜利召开，要让所有国内的Web Developer都放假休息休息呢。用美国的主机ping了之后才发现这个倒霉的Firebug确实出问题了。 现在，大量的Web Developer开始升级到Firefox3，原先的Firebug由于版本的问题，很可能已经不兼容了。而网站又上不去，实在是郁闷。不过我在Google的Firebug Group里面找到了一个下载1.2的地址，分享如下： npire.de/firebug（这个页面难道是国内垃圾站高手做的？广告真多） 如果你知道如何封装xpi（就是打个包，改个名儿。。。），用这个吧：http://fbug.googlecode.com/svn/branches/firebug1.2/ 我在Firefox3下面已经安装了。小图标变成了一个小昆虫…… 注意，看到了传说中牛逼的FBTrace，太强大了。注意，这个配置有点麻烦，你得先安装一个叫做“trace-console”的插件，在这里（这篇文章最下面的一个链接）。 FBTrace： 把Firebug的native console hook过去一个GUI？这是否意味着开发插件今后也基于Firebug了：） 16条评论, 立即发言 &#124; 本文关键词: firebug, Firefox, firefox3 ©aw's blog 姿态永恒 1984-2008 &#124; 链接地址 - http://www.awflasher.com/blog/archives/1321 @awguo （新浪微博） &#124; @awguo （腾讯微博） &#124; Twitter: @awguo]]></description>
			<content:encoded><![CDATA[<p>最近，getfirebug.com这个域名DNS出了问题。</p>
<p>起初，我以为是我这糟糕的网通ADSL出了问题，后来，我又以为是这个Firebug被GFW了，我还怀疑为了闹孕肺的胜利召开，要让所有国内的Web Developer都放假休息休息呢。用美国的主机ping了之后才发现这个倒霉的Firebug确实出问题了。</p>
<p>现在，大量的Web Developer开始升级到Firefox3，原先的Firebug由于版本的问题，很可能已经不兼容了。而网站又上不去，实在是郁闷。不过我在Google的Firebug Group里面找到了一个下载1.2的地址，分享如下：</p>
<p><strike>npire.de/firebug</strike>（这个页面难道是国内垃圾站高手做的？广告真多）</p>
<p>如果你知道如何封装xpi（就是打个包，改个名儿。。。），用这个吧：<a title="http://fbug.googlecode.com/svn/branches/firebug1.2/" href="http://fbug.googlecode.com/svn/branches/firebug1.2/">http://fbug.googlecode.com/svn/branches/firebug1.2/</a></p>
<p>我在Firefox3下面已经安装了。小图标变成了一个小昆虫……</p>
<p><img src="http://pic.yupoo.com/awflasher/841445b5d3e2/a23a0k16.jpg" /> </p>
<p>注意，看到了传说中牛逼的FBTrace，太强大了。注意，这个配置有点麻烦，你得先安装一个叫做“trace-console”的插件，在<a href="http://www.softwareishard.com/blog/firebug/fbtrace-console/" target="_blank">这里</a>（这篇文章最下面的一个链接）。</p>
<p>FBTrace：</p>
<p><img src="http://pic.yupoo.com/awflasher/997015b5d3e1/e5qk9iau.jpg" /> </p>
<p>把Firebug的native console hook过去一个GUI？这是否意味着开发插件今后也基于Firebug了：）</p>
<p><img src="http://pic.yupoo.com/awflasher/216135b5d5f4/medium.jpg" /></p>
<div style="border-top:1px dotted #ddd;width:100%;margin:5px 0"></div>
<p>
<strong>
<a href="http://www.awflasher.com/blog/archives/1321#awcomment"><strong>16</strong>条评论</a>,
<a href="http://www.awflasher.com/blog/archives/1321#awcomment">立即发言</a>
</strong>
|
本文关键词: <a href="http://www.awflasher.com/blog/tag/firebug" rel="tag">firebug</a>, <a href="http://www.awflasher.com/blog/tag/firefox" rel="tag">Firefox</a>, <a href="http://www.awflasher.com/blog/tag/firefox3" rel="tag">firefox3</a><br/></p>
<p>©<a href="http://www.awflasher.com/blog" title="aw's blog 姿态永恒">aw's blog 姿态永恒</a> 1984-2008  | <a href="http://www.awflasher.com/blog/archives/1321">链接地址</a> - http://www.awflasher.com/blog/archives/1321
</p>
<p><a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://weibo.com/awguo">@awguo （新浪微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://t.qq.com/awguo">@awguo （腾讯微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="https://twitter.com/awguo">Twitter: @awguo</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.awflasher.com/blog/archives/1321/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>

