What have you found for these years?


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

EM.start_server('', 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