~~NOTOC~~ ====== Инструменты разработчика в 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. -------------- **Оригинал статьи:** [[http://dev.opera.com/tools/|Opera developer tools]]