<?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>Designsor &#187; Firebug</title>
	<atom:link href="http://www.designsor.com/tag/firebug/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designsor.com</link>
	<description>End Web Developer&#039;s Blog</description>
	<lastBuildDate>Sat, 14 Jan 2012 02:35:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>FireBug和Yslow</title>
		<link>http://www.designsor.com/2010/04/08/firebugyslow/</link>
		<comments>http://www.designsor.com/2010/04/08/firebugyslow/#comments</comments>
		<pubDate>Thu, 08 Apr 2010 11:43:32 +0000</pubDate>
		<dc:creator>xiaojue</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[FF插件]]></category>
		<category><![CDATA[Firebug]]></category>
		<category><![CDATA[yslow]]></category>
		<category><![CDATA[前端开发工具]]></category>

		<guid isPermaLink="false">http://www.designsor.com/?p=601</guid>
		<description><![CDATA[不得不说，我其实最开始是反感FF这个浏览器的…… 我一直是遨游和IE7的忠诚用户，记得接触这个还是大学毕业之后，在一本什么教材上看到的FF浏览器和Firebug这两个家伙。一只小狐狸，一只小臭虫…而最近又下载了测试性能的插件Yslowl，感觉这样的组合真的很棒。所以有必要发上来分享一下，虽然都是些常用的东西。 先来几张图把，解除控制Fbug全开~ 最常用的布局模式了，大家都是冲这个来的，怎么样，不光可以看清除你写的CSS HTML，继承关系和盒子模型，还可以看到动态JS生成的DOM，更NB的你可以实时来更改看效果。不错吧？ 脚本控制台了，你可以开启控制台查看详细错误，也可以开启JS的DEBUG模式，早在几个月前我还是一直在alert（）纠错，如果你也是的话，那么加入DEBUG模式吧，真的，效率提高不是一点半点，遇错拦截，详细报错代码定位，阻止代码进程。嗯，嗯…… 网络监控台，不光可以查看你的网站加载情况，HTTP具体请求，更好的是可以调试JS中的异步Ajax调用，每次请求，返回码一览无遗哈…… 扩展Yslow，雅虎开发的，前端性能测评插件，22条测评指数，看见没，我的首页是B级。依然有待优化，其他选项卡是一些你的具体请求信息，HTTP头信息，然后评级工具具体到解决方案都已经给出，由于我遇到的都是服务器端的优化问题，没办法，GD的主机apache不受我控制……尽力做到最好吧。 嗯，嗯，其实我还装了个PHPDEBUG工具，由于和前端关系不大就不介绍了，看见那只蓝色虫子了么~=。= 那么，如果你有什么好的前端开发工具也来分享下吧…]]></description>
			<content:encoded><![CDATA[<p>不得不说，我其实最开始是反感FF这个浏览器的……</p>
<p>我一直是遨游和IE7的忠诚用户，记得接触这个还是大学毕业之后，在一本什么教材上看到的FF浏览器和Firebug这两个家伙。一只小狐狸，一只小臭虫…而最近又下载了测试性能的插件Yslowl，感觉这样的组合真的很棒。所以有必要发上来分享一下，虽然都是些常用的东西。</p>
<p>先来几张图把，解除控制Fbug全开~</p>
<p><img class="alignnone" src="http://www.designsor.com/wp-content/uploads/2010/04/f1.gif" alt="firebug" /></p>
<p>最常用的布局模式了，大家都是冲这个来的，怎么样，不光可以看清除你写的CSS HTML，继承关系和盒子模型，还可以看到动态JS生成的DOM，更NB的你可以实时来更改看效果。不错吧？</p>
<p><img class="alignnone" src="http://www.designsor.com/wp-content/uploads/2010/04/f2.gif" alt="firebug" /></p>
<p>脚本控制台了，你可以开启控制台查看详细错误，也可以开启JS的DEBUG模式，早在几个月前我还是一直在alert（）纠错，如果你也是的话，那么加入DEBUG模式吧，真的，效率提高不是一点半点，遇错拦截，详细报错代码定位，阻止代码进程。嗯，嗯……</p>
<p><img class="alignnone" src="http://www.designsor.com/wp-content/uploads/2010/04/f3.gif" alt="firebug" /></p>
<p>网络监控台，不光可以查看你的网站加载情况，HTTP具体请求，更好的是可以调试JS中的异步Ajax调用，每次请求，返回码一览无遗哈……</p>
<p><img class="alignnone" src="http://www.designsor.com/wp-content/uploads/2010/04/f4.gif" alt="firebug" /></p>
<p>扩展Yslow，雅虎开发的，前端性能测评插件，22条测评指数，看见没，我的首页是B级。依然有待优化，其他选项卡是一些你的具体请求信息，HTTP头信息，然后评级工具具体到解决方案都已经给出，由于我遇到的都是服务器端的优化问题，没办法，GD的主机apache不受我控制……尽力做到最好吧。</p>
<p>嗯，嗯，其实我还装了个PHPDEBUG工具，由于和前端关系不大就不介绍了，看见那只蓝色虫子了么~=。=</p>
<p>那么，如果你有什么好的前端开发工具也来分享下吧…</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designsor.com/2010/04/08/firebugyslow/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

