firefox debug 神器

* firebug
1. 詳細的 js console 和 debugger
2. 詳細的 css overview, 可以看任意元素的 property,
繼承、非繼承、覆蓋等等資訊，甚至動態修改動態改變呈現頁面...

* httpfox
1. 調查每一個 http request, response header.
包含 ajax, flash!! 該死的 flash request 也看得到。
2. 時間、大小、cache 有沒有作用都看得出來

* web developer
1. 開關各種功能，各種元素顯示開關，調查 generated html.
2. 觀察、修改 cookie
3. 各種 one click validator XD

* yslow
1. 看一些 optimization 的建議

其他好用的工具還有 curl, 用 -H 丟任意 header,
用 -v > /dev/null 把回傳丟掉，只看 header 動作。

順便弄個 echo server 也很有用，用 eventmachine 做：

require 'rubygems'
require 'eventmachine'

class Echo < EventMachine::Connection
  def receive_data data
    p data
    send_data "HTTP/1.1 200 OK\r\n"
    send_data "Set-Cookie: test=12345; path=/;\r\n"
    send_data "Connection: keep-alive\r\n\r\n"
    send_data data
    close_connection_after_writing
  end
end

EM.run{
  EM.start_server('0.0.0.0', 12345, Echo)
}