Реклама

Главная arrow Библиотека
 

Инструменты разработчика в Opera

DELETEME

Это инструменты разработчика, которые в течение некоторого времени использовались разработчиками веб-приложений в компании Opera Software. Эти инструменты предполагаются как ранние предварительные версии, и их нужно считать программами с альфа-качеством. Они предоставляются “как есть”, в форме кнопок, которые можно перетащить на любую панель инструментов Opera.

Все инструменты должны работать в Opera версии 9.0 и более поздних.

DOM Console

Оперативная DOM Console позволяет разработчику работать с различными аспектами страницы и просматривать их:

DOM

Просмотр в интерактивном режиме сгенерированного дерева документа для страницы

Расчитанные стили

Просмотр вычисленных стилей для любого данного элемента в документе

Просмотр свойств

Просмотр свойств любого элемента в DOM

Метрики элементов

Визуальный просмотр и исследование геометрии элементов в DOM: ширинs (width), высотs (height), границ (margins), и заполнения (padding).

Просмотр атрибутов

Просмотр атрибутов, которые устанавливаются для индивидуальных элементах в DOM.

Удаление узла

Для простоты отладки и понятности любой узел в документе может в любое время быть удален из дерева документа.

Чтобы установить этот инструмент, щелкните по следующей ссылке, или перетащите ее на любую панель инструментов Opera: DOM Console.

CSS Editor

CSS Editor обеспечивает оперативное представление всех таблиц стилей, примененных к странице. Кроме того, инструмент позволяет оперативно редактировать CSS-таблицы страницы, включая изменение, добавление и удаление правил стиля на лету. Эти отредактированные таблицы стилей могут затем экспортироваться для дальнейшего использования.

Чтобы установить этот инструмент, щелкните по следующей ссылке, или перетащите ее на любую панель инструментов Opera: CSS Editor.

DOM Snapshot

DOM Snapshot позволяет вам увидеть «снимок» страницы, результат анализа HTML браузером, и выполненых на странице скриптов (в том числе и пользовательских)

Чтобы установить этот инструмент, щелкните по следующей ссылке, или перетащите ее на любую панель инструментов Opera: DOM Snapshot.


Оригинал статьи: Opera developer tools

 
docs/devtools.txt (5955 views) · Последние изменения: 2007/02/26 20:19