Firebug (Firefox)

O Firebug funciona monitorando o CSS, HTML e JavaScript de qualquer página. Você pode editar e ver em tempo real o que acontece, porém ele não salva o documento editado (perfeito para testar largura, altura, margem, etc).
Você pode ver no exato momento em que acontecem as modificação que um JavaScript faz no HTML ou CSS de um página (ótimo para descobrir porque seu javascript não está funcionando como deveria). No CSS ele mostra também a hierarquia, os valores sobre-escritos e os valores herdados.

Veja alguns screenshoots: