На сайте Dev.Opera появилась пара инструментов для веб-разработчиков аля Web Developer для Файрфокса.
Называется чудо Developer Tools. Инструмента всего три, все приятные и полезные.
DOM Console
Этот инструмент строит довольно симпатичную DOM-модель документа. Позволяет просматривать и изменять свойства и стили элементов; удалять элементы со страницы; визуально отображать значения параметров типа width, height padding, margin и пр.
Чтобы установить — нажмите на ссылку или перетащите ее на одну из панелей инструментов браузера: DOM Console.
CSS Editor
Этот инструмент предоставляет функции приятного и удобного просмотра, а также ЖИВОГО редактирования CSS-файлов, подцепленных к документу. После редактирования, результат можно экспортировать в отдельный файл.
Чтобы установить — нажмите на ссылку или перетащите ее на одну из панелей инструментов браузера: CSS Editor.
DOM Snapshot
С помощью этого инструмента вы сможете увидеть исходный код страницы ТАК, как его видит и обрабатывает сам браузер.
Чтобы установить — нажмите на ссылку или перетащите ее на одну из панелей инструментов браузера: DOM Snapshot.
P.S. Не забывайте, что есть еще и неофициальный инструмент WebDevToolbar, в котором реализован похожий функционал. Инсталлируется он точно так же — путем перестаскивания ссылок на одну из панелей инструментов. Функционала в WebDevToolbar'е реализовано очень много. Если вы занимаетесь веб-разработкой — посмотрите, наверняка найдете что-нибудь полезное :-)
500px: denya
Friendfeed: denya
