В сложных CMS, работу над которыми ведут одновременно несколько программистов, часто возникают ситуации, когда на странице одновременно подключено несколько CSS-файлов. В таких случаях иногда сложно определить почему тот или иной блок выглядит не так как это было задумано и возникает необходимость в отладке CSS. Для решения этой задачи было написано расширение "View formatted source" для браузера Firefox, с помощью которого можно увидеть какие классы и из каких CSS-файлов влияют на тот или иной блок кода.

Расширение из разряда must have для любого веб-разработчика.

Upd:

Спасибо всем тем, кто отметился в этом топике, благодаря вам я для себя открыл две более достойные альтернативы расширению "View formatted source".

Расширение Firebug работает примерно также как и VFS – позволяет увидеть исходный код страницы и посмотреть какие стили действуют на какой объект на странице, но кроме того расширение показывает какие стили были перекрыты. Также у этого расширения есть очень удобный режим "fastest", который включается нажатием кнопки F12 на клавиатуре и кнопки "Inspect", на появившемся тулбаре. В этом режиме расширение по наведению курсора на тот или иной объект показывает все примененные к нему стили.

Расширение Web Developer предназначено в большей степени не для отладки CSS, по этому в этой области, имхо, уступает двум предыдущим примерам, но зато обладает рядом удобных инструментов для экспериментов со страницей, по этому тоже мастхэв для каждого веб девелопера:))

Кросспост в моем блоге.