Довідка opera засоби розробки
Використовуйте Page Down та Page Up для перемикання між слайдами
До складу Opera включений ряд інструментів, призначених для веб-розробників, найважливіший з яких Opera Dragonfly - інструмент, що дозволяє виробляти віддалену налагодження веб-сторінок.
Opera Dragonfly
консоль розробника
За замовчуванням в консолі розробника відкривається перша вкладка «DOM», що містить перелік усіх згорнутих вузлів, розташованих під «документом». Якщо ви натиснете на плюс поруч з будь-яким вузлом, то веб-сторінка мигне і на ній виділиться вузол, який ви розгорнули, натиснувши на плюс.
Крім того, клацання в будь-якій області сторінки відкриє список вузлів DOM з вузлом, відповідним цій галузі виділеної сторінки. Щоб знайти необхідну область, то натисніть і утримуйте Shift під час пошуку по сторінці за допомогою миші.
Нижче наведені ключові можливості вкладки DOM:
- "Search" дозволяє вам шукати вузли DOM, використовуючи стандартні селектори CSS. наприклад p> a для ідентифікації вузлів батько-дочірній, або #menu для пошуку об'єкта по його id.
- "Snapshot" надає повний знімок DOM.
Консоль розробника можна використовувати і для інтерактивної зміни вмісту веб-сторінки. Кнопка «Remove» на панелі інструментів DOM дозволяє видалити вузол. Також на вкладці CSS можна відредагувати будь-який CSS властивість об'єкта. Щоб розгорнути список CSS правил, необхідно натиснути на кнопку «Show rules». Внесені зміни відобразяться негайно і можуть бути експортовані для подальшого використання.
Більш детальне обговорення консолі розробника ви можете знайти сторінці Dev.Opera.
- Зберегти її в кеш і побачити зміни негайно, натиснувши на кнопку «Застосувати зміни», або натиснувши комбінацію клавіш # 8984; + R.
- Зберегти в будь-якому місці на комп'ютері, натиснувши на кнопку «Зберегти» або використовуючи комбінацію клавіш # 8984; + S.
Візьміть до уваги, що при редагуванні локально збереженого документа вибір «Застосувати зміни» безповоротно збереже внесені вами зміни.