Opera / Developer Tools

Dev.Opera logo
На сайте 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'е реализовано очень много. Если вы занимаетесь веб-разработкой — посмотрите, наверняка найдете что-нибудь полезное :-)



Посты на схожую тематику:

  1. Opera / Opera Mini 3.0
  2. Opera / Opera 9, tech preview 2
  3. Software / Opera / Картинки в RSS
Запись опубликована в рубрике opera, webdev. Добавьте в закладки постоянную ссылку.

Комментарии запрещены.