What have you found for these years?

2009-03-05

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)
}

0 retries:

Post a Comment

Note: Only a member of this blog may post a comment.



All texts are licensed under CC Attribution 3.0