<?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>JerryQu的小站 &#187; fiddler</title>
	<atom:link href="http://www.qgy18.com/tag/fiddler/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.qgy18.com</link>
	<description></description>
	<lastBuildDate>Tue, 16 Mar 2010 03:42:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>用Fiddler来调试web应用</title>
		<link>http://www.qgy18.com/2009/01/fiddler-web-debugger/</link>
		<comments>http://www.qgy18.com/2009/01/fiddler-web-debugger/#comments</comments>
		<pubDate>Sun, 11 Jan 2009 07:55:42 +0000</pubDate>
		<dc:creator>Jerry Qu</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[debugger]]></category>
		<category><![CDATA[fiddler]]></category>

		<guid isPermaLink="false">http://www.qgy18.com/?p=73</guid>
		<description><![CDATA[在测试或者优化web应用时，经常需要替换一些静态资源，如css/image/js等。当然，这些工作是在开发环境来做，直接ftp替换也没什么问题。但有的时候仅仅是想调研一下而不想影响环境的稳定，或者想方便的对比两段代码效果，就可以利用一个小工具来完成工作——Fiddler。 先来简单的介绍下Fiddler(官网&#124;需要.NET Framework v2.0&#124;MicroSoft出品)：一个集web性能分析、数据监测、自... ]]></description>
			<content:encoded><![CDATA[<p>在测试或者优化web应用时，经常需要替换一些静态资源，如css/image/js等。当然，这些工作是在开发环境来做，直接ftp替换也没什么问题。但有的时候仅仅是想调研一下而不想影响环境的稳定，或者想方便的对比两段代码效果，就可以利用一个小工具来完成工作——Fiddler。</p>
<p>先来简单的介绍下Fiddler(<a href="http://www.fiddlertool.com/Fiddler2/">官网</a>|需要.NET Framework v2.0|MicroSoft出品)：一个集web性能分析、数据监测、自动响应、创建请求四大功能于一身，自带众多实用小工具，支持插件扩展的HTTP调试工具。通过简单的配置代理(IE中全自动、FF中需如下图手动配置)，就可以开始使用Fiddler了。</p>
<p><img class="aligncenter size-full wp-image-74" style="border:1px solid #ccc" title="2009-01-11_151753" src="http://www.qgy18.com/wp-content/2009-01-11_151753.png" alt="2009-01-11_151753" width="344" height="128" /></p>
<p>这篇文章讲的只是利用fiddler来替换静态资源，利用的是它的自动响应功能。选择软件右侧的AutoResponder这个tab，点“Add”按钮来添加一条规则，在Rule Editor里的文本框填上要被替换资源的url，后面的文本框选择源文件就OK了。如下图：<br />
<img class="aligncenter size-full wp-image-76" style="border:1px solid #ccc" title="2009-01-11_145020" src="http://www.qgy18.com/wp-content/2009-01-11_145020.png" alt="2009-01-11_145020" width="384" height="33" /></p>
<p><img class="aligncenter size-full wp-image-75" style="border:1px solid #ccc" title="2009-01-11_144953" src="http://www.qgy18.com/wp-content/2009-01-11_144953.png" alt="2009-01-11_144953" width="522" height="81" /></p>
<p>搞定，就这么简单，现在只要请求被命中，就会被转发到指定的源文件了。修改代码后保存一下F5就能生效，既方便又不会影响到他人。这个功能挖掘下还可以干一些其它有意思的事情：配置Rule时，选择转发404之类的错误码，就可以用来测试Ajax的onError事件；把类似于Http://www.***.com/1.html这样的url转发到本地页面，就可以在本地代码里用Ajax请求www.***.com的内容。由于本地页面是通过Http://www.***.com/1.html来访问，不再有跨域问题了。这在做一个获取数据程序的时候很有用。虽说最后还是要用后端程序来解决跨域问题，但开发前期利用Fiiddler做转发，非常的高效！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.qgy18.com/2009/01/fiddler-web-debugger/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
