Консоль розробника в Opera

Щотижневе складання браузера Opera 9.20 під номером 8713 відзначилося чудовим нововведенням, добре знайомим користувачам Firefox, - консоллю розробника (Developer Console)!

Консоль буде доступна з меню Tools(Сервіс)-Advanced(Додатково)-Developer Console(Консоль розробника)

Консоль має 4 функціональні вкладки: DOM, JS, CSS, HTTP.

У режимі DOM з'являється DOM-дерево відкритої сторінки. Можна шукати вузли (за назвами вузлів), можна прибирати вузли. При натисканні дерева, відповідний елемент на сторінці підсвічується. Якщо навпаки, натиснути на будь-який елемент на сторінці, то на панелі відкриється відповідний вузол у дереві.

У вузлів можна дивитися, редагувати та видаляти їх атрибути, JS-властивості вузла, який «каскад» стилізує цей вузол (при цьому перекриті визначення перекреслюються), CSS-властивості, а також розмірність вузла (ширина/висота, відступи, відбиття тощо). д.).

У вкладці JS можна переглянути Javascript-ієрархію сторінки, включаючи функції, змінні та інші об'єкти. Там теж можна фільтрувати об'єкти, що показуються за їх назвою.

У вкладці HTTP знаходяться параметри запиту HTTP поточної сторінки. Можна переглянути HTTP-заголовки, відредагувати/видалити кожну сторінки cookie. Також можна ввімкнути режим стеження за запитами XMLHTTPRequest, коли параметри цих запитів і відповідей на них точно також записуються і їх можна аналізувати.

---