Довідка opera кошти розробників

Натисніть клавіші Page Down та Page Up для перемикання слайдів.

Opera включає кілька інструментів, які можуть допомогти веб-розробникам.

консоль розробника

Консоль розробника відкривається на вкладці "DOM" зі списком вузлів, згорнутих під елементом "document". Клацніть знак "+", щоб розгорнути список. Коли ви натискаєте вузол, веб-сторінка коротко блимне, щоб відобразити область, пов'язану з цим вузлом.

Також клацнувши в будь-якому місці на веб-сторінці можна відкрити список вузлів DOM з вузлом, який відноситься до виділеної області сторінки. Щоб знайти потрібну область, натисніть клавішу Shift і утримуйте її під час сканування сторінки за допомогою миші.

Ключові функції вкладки DOM.

• Функція "Search" дозволяє виконати пошук будь-якого класу вузлів в дереві DOM з використанням стандартних селекторів CSS. наприклад p> a. щоб вказати зв'язок "батько-нащадок", або #menu. щоб знайти ідентифікатор.
• Функція "Snapshot" надає моментальний знімок DOM.

Консоль розробника можна використовувати для зміни веб-сторінки в інтерактивному режимі. Кнопка "Remove" на вкладці DOM дозволяє видаляти вузли, будь-яку властивість CSS можна змінити на вкладці після натискання кнопки "Show rules" для відповідної таблиці стилів. Результат змін відображає відразу ж, і його можна експортувати для використання в майбутньому.

Більш детальне обговорення консолі розробника можна знайти на сторінці Dev.Opera.

Зверніть увагу, що якщо ви змінюєте локально збережений документ, натиснувши "Застосувати зміни", ви зберігаєте зміни і їх скасувати неможливо.