<?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>S i X h E a D { ? } &#187; cookie</title>
	<atom:link href="http://sixhead.com/tag/cookie/feed/" rel="self" type="application/rss+xml" />
	<link>http://sixhead.com</link>
	<description>เมื่อความรู้มีไว้แบ่งปัน</description>
	<lastBuildDate>Sun, 25 Dec 2011 04:15:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>HttpFox วิเคราะห์(ดักดู)ข้อมูลของเวปเพจ</title>
		<link>http://sixhead.com/2008/09/25/httpfox-http-debugger/</link>
		<comments>http://sixhead.com/2008/09/25/httpfox-http-debugger/#comments</comments>
		<pubDate>Thu, 25 Sep 2008 16:58:10 +0000</pubDate>
		<dc:creator>Pipo</dc:creator>
				<category><![CDATA[FireFox]]></category>
		<category><![CDATA[cookie]]></category>
		<category><![CDATA[GET]]></category>
		<category><![CDATA[header]]></category>
		<category><![CDATA[HttpFox]]></category>
		<category><![CDATA[POST]]></category>

		<guid isPermaLink="false">http://sixhead.com/?p=180</guid>
		<description><![CDATA[plug in สุดเจ๋งสำหรับ web developer ต้องมีใช้ web designer ก็ควรต้องใช้ มันมีประโยชน์มากๆ เกี่ยวกับเรื่อง Header ของ HTTP โดยตรงเรื่อง Header นี่ถ้ามาเล่ากันก็คงอีกยาว ขอละไว้ก่อนแล้วกัน มาดูประโยชน์ของ HttpFox ก่อน สิ่งที่ทำได้ที่เห็นภาพชัดๆ - check ว่าไฟล์ไหนลืม upload ขึ้นไป - ดักดูการ POST, GET ข้อมูล ในการส่งค่าจาก form อันนี้มีประโยชน์เต็มๆ กับการทำ PHP (รวมถึงภาษาอื่นๆ) + Flash เพราะคุณจะเห็นเลยว่าส่ง parameter อะไรไปบ้าง (Request) และผลลัพท์กลับมาเป็นอะไร (Response) - ดักดูข้อมูล Cookie ที่สร้างขึ้นตอนใช้โปรแกรมในเวปนั้นๆ - ไว้แอบดูดไฟล์จากเวปชาวบ้านได้ง่ายขึ้น เช่นเวปที่ฟังเพลง online, รูปภาพสวยๆ [...]]]></description>
			<content:encoded><![CDATA[<p>plug in สุดเจ๋งสำหรับ web developer ต้องมีใช้ web designer ก็ควรต้องใช้ มันมีประโยชน์มากๆ เกี่ยวกับเรื่อง Header ของ HTTP โดยตรงเรื่อง Header นี่ถ้ามาเล่ากันก็คงอีกยาว ขอละไว้ก่อนแล้วกัน มาดูประโยชน์ของ HttpFox ก่อน<br />
<span id="more-180"></span><br />
<strong>สิ่งที่ทำได้ที่เห็นภาพชัดๆ</strong><br />
- check ว่าไฟล์ไหนลืม upload ขึ้นไป<br />
- ดักดูการ POST, GET ข้อมูล ในการส่งค่าจาก form อันนี้มีประโยชน์เต็มๆ กับการทำ PHP (รวมถึงภาษาอื่นๆ) + Flash เพราะคุณจะเห็นเลยว่าส่ง parameter อะไรไปบ้าง (Request) และผลลัพท์กลับมาเป็นอะไร (Response)<br />
- ดักดูข้อมูล Cookie ที่สร้างขึ้นตอนใช้โปรแกรมในเวปนั้นๆ<br />
- ไว้แอบดูดไฟล์จากเวปชาวบ้านได้ง่ายขึ้น เช่นเวปที่ฟังเพลง online, รูปภาพสวยๆ ที่ห้าม click ขวาเพิ่อ save เพราะว่ามันจะแสดง url เต็มๆ ของไฟล์เพลง, ไฟล์รูปออกมาให้เลย<br />
-  ฯลฯ ประโยชน์ยังมีอีกเพียบเลยครับ อยู่ที่คุณจะประยุกต์ใช้</p>
<p><strong>ลงมือกันเลย</strong><br />
เมื่อติดตั้งแล้วจะมี icon ตามรูป เลข 1 ที่มุมล่างขวาของ FireFox กดหนึ่งทีจะสามารถ ยืดหน้าจอแบบ เลข 2 หรือถ้า กดเลข 3 จะเป็นหน้าต่างใหม่ แนะนำแบบนี้เพราะใหญ่ดีดูง่าย<br />
<a href="http://sixhead.com/wp-content/uploads/2008/09/httpfox-01.png"><img class="alignnone size-full wp-image-181" title="httpfox-01" src="http://sixhead.com/wp-content/uploads/2008/09/httpfox-01.png" alt="" width="208" height="220" /></a></p>
<p><strong>มาดูการใช้งานกัน</strong><br />
1. เพื่อเริ่มดักข้อมูล<br />
2. ระบุได้ว่าให้กรองเอาเฉพาะเวปที่ต้องการ เพราะบางที่เราเปิด FireFox หลายๆ tab ข้อมูลหลายเวปจะถูกดักไปด้วย<br />
3. ยกตัวอย่างว่ากรอกข้อความเพื่อ search ใน form แล้วกด submit โปรแกรมจะแสดงเลยว่าค่า parameter s = iphone<br />
- ถ้าเราเปิดหน้าเวปแล้วบรรทัดสีเหลือง กลายเป็นสีแดงนั่นแสดงว่าไม่มีไฟล์นั้นอยู่<br />
- เห็นๆ เลยว่าเวปในตัวอย่างใช้รูปทำ background ชื่อว่า station9.jpg เพราะขนาดไฟล์ใหญ่ที่สุด อันนี้ถ้ามันเป็นเวปฟังเพลง online ก็อาจจะเห็นเป็น http://website/music.wma เลย เราก็สามารถ copy url ไป download มาฟังได้ทันที</p>
<p><a href="http://sixhead.com/wp-content/uploads/2008/09/httpfox-02.png"><img class="alignnone size-full wp-image-182" title="httpfox-02" src="http://sixhead.com/wp-content/uploads/2008/09/httpfox-02.png" alt="" width="625" height="286" /></a></p>
<p><strong>สรุป</strong><br />
จากที่ทดลองใช้งาน คือมันเยี่ยมมากๆ แต่มีปัญหานิดเดียวคือถ้าหน้าไหนมี form upload ไฟล์ FireFox จะแข็งไปเลย หรืออาจจะค้างๆ ควรจะต้องไปปิด HttpFox ไว้ก่อน</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/6647">download HttpFox ที่นี่</a></p>
<p><map name='google_ad_map_180_f21c57aff87a446f'>
<area shape='rect' href='http://imageads.googleadservices.com/pagead/imgclick/180?pos=0' coords='1,2,367,28' />
<area shape='rect' href='http://services.google.com/feedback/abg' coords='384,10,453,23'/></map>
<img usemap='#google_ad_map_180_f21c57aff87a446f' border='0' src='http://imageads.googleadservices.com/pagead/ads?format=468x30_aff_img&amp;client=&amp;channel=&amp;output=png&amp;cuid=180&amp;url= http%3A%2F%2Fsixhead.com%2F2008%2F09%2F25%2Fhttpfox-http-debugger%2F' /></p>]]></content:encoded>
			<wfw:commentRss>http://sixhead.com/2008/09/25/httpfox-http-debugger/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

