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

    Еженедельная сборка браузера Opera 9.20 под номером 8713 отметилась замечательным нововведением, хорошо знакомым пользователям Firefox, — консолью разработчика (Developer Console)!

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

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

    В режиме DOM отображается DOM-дерево открытой страницы. Можно делать поиск по узлам (по названиям узлов), можно убирать узлы. При нажатии в дерево, соответствующий элемент на странице подсвечивается. Если наоборот, нажать на любой элемент на странице, то в панели откроется соответствующий ему узел в дереве.

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

    Во вкладке JS можно посмотреть Javascript-иерархию страницы, включая функции, переменные, и другие объекты. Там тоже можно фильтровать показываемые объекты по их названию.

    Во вкладке CSS есть список всех внешних таблиц стилей подключённых к странице. Каждый стиль можно включить/выключить, просмотреть/изменить его содержание, или открыть в браузере как текстовый файл.

    Во вкладке HTTP находятся параметры HTTP-запроса текущей страницы. Можно посмотреть HTTP-заголовки, отредактировать/удалить каждую Cookie страницы. Также можно включить режим слежения за XMLHTTPRequest-запросами, когда параметры этих запросов и ответов на них точно также записываются и их можно анализировать.

    Консоль разработчика

    По материалам OperaFan
    Поделиться публикацией

    Похожие публикации

    Комментарии 78

      +2
      Заметьте, без всяких плагинов! ;))
        0
        Конечно хорошо, что всё идёт к лучшему...
        Но заметьте, что это народ ещё решит где удобнее и функциональнее :)
        А некоторым и вообще эта консоль может и не понадобиться ;)
          0
          В Опере также все давольно таки гибко настраивается ;)
          0
          Заметьте, что эта консоль нужна только разработчикам, а будет стоять у всех. И зачем она нужна моей маме?
            +5
            Не нужна — может и не пользоваться, правильно? Чаще возникает ситуация, когда что-то нужно, а его нету (это я про плагины, в смысле, их отсутствие).
              0
              Консоль добавляет размер к скачиваемому файл и соответсвенно к запускному. Что тормозит запуск приложения. А так же является источником потенциальных проблем и сбоев.
                +3
                Консоль добавляет размер к скачиваемому файл и соответсвенно к запускному.
                Опера и хороша тем, что изначально включает в себя много продуманнного функционала, который очень быстро работает. А пару сотен килобайт хоть в ОЗУ, хоть в траффике при скачивании новой версии вряд ли кто-то заметит.

                Что тормозит запуск приложения.
                Ни разу не сталкивался.

                А так же является источником потенциальных проблем и сбоев.
                Сильно сомневаюсь. Т.е. в теории, разумеется, является, но ведь и, допустим, вкладки также являются потенциальным источником сбоев, причем, куда более существенным. Может, их тоже стоит из дистрибутива убрать?
                  0
                  Вы слишком серьёзно воприняли мои слова.
                    0
                    ?
                    Если чего не так, извините.
                  0
                  Эта консоль просто отображение того, что и так есть.
                    +1
                    Она написана на JS и при первом запуске похоже скачивается прямо с офф. сайта.
                      +1
                      Вообще то консоль разработчика ничего не добавляет к дистрибутиву, так как находится на сервере разработчиков!
                      При последующих запусках, она кэшируется в браузере.
                        0
                        Супер. Они еще и оригинальное решение нашли. Кстати, а не направляются ли они таким оригинальным образом к плагинам?
                  +1
                  "Консоль будет доступна из меню Tools(Сервис)-Advanced(Дополнительно)-Developer Console(Консоль разработчика)"
                  Там она будет мешать Вашей маме? Обычно моя мама использует IE :)
                    0
                    А кому нужен "Защита от мошенничества"? Это, пожалуй, единственная функция в Opera, которая мне не нравится.
                      0
                      как кому? всем.

                      если ты случайно зайдешь на ibay.com или peypal.com и введешь свои данные, то прощай твои денежки, пароль, данные и прочее.

                      антифишинг вроде актуальная тема сейчас
                        0
                        Актуальная, да. Но мне совершенно ни к чему вопросик в адресной строке.
                          +1
                          Сними галочку opera:config#SecurityPrefs|EnableTrustButton
                            0
                            Спасибо, помогло :)
                          0
                          В принципе, согласен, да только ни одного отечественного сайта в списке trusted я до сих пор не обнаружил, а зарепортить можно только после регистрации, которую я лично пройти не смог - уже не помню, почему.
                    +2
                    Вот это вещь! Опера думает о нас :)
                      +2
                      Опера всегда думает о нас :)
                        +2
                        Уж лучше бы они сделали API для написания плагинов, как в Файрфоксе. Иначе творчество сторонних разработчиков сводится к написанию фэйвлитов да виджетов, среди которых трудно найти что-то более-менее удобное/полезное.
                          0
                          походу они к этому и идут.
                            +1
                            тогда через год-два браузеры прийдут к общему знаменателю и выбор будет ограничиваться только цветовыми пристрастиями пользователей... оранжевый или красный... вот в чем вопрос =}
                              0
                              да ну. маркетинг еще никто не отменял, и вопрос зарабатывания бабок всегда будет для разработчиков на одном из первых мест. поэтому каждый будет стараться придумать что-то свое эдакое, нестандартное, чтобы отличиться.
                                0
                                в итоге вылезут за рамки браузеров и получится OS Opera и OS Firefox =)))
                            +2
                            Хе, зато Опера - де факто единственный браузер "for devices" для устройств типа телевизоров с интернетом или игровых приставок, а в таких случаях виджеты - это по-настоящему открытие, платформенно независимая реализация многих удобных вещей. ФФ тоже к этому придёт, вот увидите. Сделают очередной плагин (уже сейчас понятно, как это будет глючить и тормозить (c)), который даст ограниченные (FF Greasemonkey vs Opera UserJS) возможности по написанию виджетов.

                            В конце концов, Опера - out of the box решение. В отличие от FF, которые точить напильником нужно.
                              +1
                              Не спорю, я сам большой поклонник Оперы, и для меня как пользователя это самый удобный браузер. На данный момент, по-моему, плагины - это единственное, чего ему не хватает.
                          +3
                          и почему она не появилась пять лет назад?
                          мне теперь уже и не нужна такая фича, но всёравно очень здорово.
                            +2
                            подобная вещь была уже довольно давно. дом-консоль (дата статьи - 15 ноября)
                            :)
                              0
                              Если бы люди, отслеживающие такие события, писали о них в соответствующих блогах, им бы были очень благодарны их читатели!
                                0
                                я больше читатель.
                                спасибо, учту :)
                              +4
                              Изучил - шедевр. намного удобнее, чем многие аналоги, а главное Опера в своем стиле - удобно, практично и нетребовательно к ресурсам ПК.

                              За это мы их и ценим!
                                0
                                web-developer - это конечно очень хорошо, но после firebug воспринимается как игры в песочнице.
                                хотя,если быть объективным, все-таки у них разное предназначение
                                  0
                                  И какие у них предназначения?
                                    0
                                    Да-да-да... После того как поставил firebug понял что дебажить только под ФФ. Всё сразу ясно... Хотя можно будет попробовать и эту оперу
                                    0
                                    Почему было не сделать ее как виджет?..
                                      0
                                      Имхо потому что виджет тормозил бы, а юзер матюгался бы.
                                        0
                                        Это почему же он тормозить будет?! Мне кажется наоборот... Окошко у них получилось плавающее (что мне неудобно)... Наверняка так потом оно и будет...
                                          0
                                          Просто у меня сложилось такое впечатление о виджетах в опере — как о тормозящих, неуклюжих, малофункциональных фигнюшках.
                                            0
                                            Наверняка такое впечатление возникло у процентов 85 пользователей...
                                            Но, мне кажется, что оперный виджеты это как раз ответ мазилловым плагинам - тоже работают на js, кросплатформены, фичасты... Но, пока они конечно малофункциональны и api для доступа к самому браузеру я не нашел...
                                            Это все мое большое имхо, но мне кажется что все к этому идет...
                                      –2
                                      вы подождите FF3.
                                      я уже его скачал и запускал (альфу) - тот же любимиый и удобный ФФ, только работает так же быстро как опера.
                                      я бы уже на него перешел, но пока нет нужных совместимых плагинов (firebug, web developer)
                                        0
                                        > но пока нет нужных совместимых плагинов (firebug, web developer)
                                        Может поэтому и работает так быстро? :)
                                        А как с использованием памяти у него? Что если его с 10ком табов на день-другой оставить включённым?
                                        Второй фф течёт потихоньку :(
                                          0
                                          Что если его с 10ком табов на день-другой оставить включённым?

                                          Простите, а зачем? Может я конечно не понимаю, но лично я не вижу необходимости оставлять браузер с открытыми табами сутками.. Ну с десятом точно.
                                            0
                                            Ну я просто так иногда делаю, когда ухожу с работы, а какая-то задача скажем так, незавершена. Люблю начинать работу утром именно с того места, где вчера закончил. Все инструменты оставляю в таком состоянии, в том числе и ФФ, за которым заметил то, что с утра он занимает памяти раза в 2 больше, чем было вечером.
                                            А табы я нужные почти всегда дерху открытыми, это экономит время. Отчасти это оносится к удобной огранизации рабочего места "под себя".
                                              0
                                              Восстановление сессии не спасает?
                                                0
                                                Спасает в большинстве случаев, но время не экономит.
                                                Наверно просто такая привычка после 4х лет на опере, не обращайте внимания, это мои заморочки :)

                                                Я просто хотел обратить внимание на то, что проблема есть, и даже если не оставлять на ночь, а в течение дня активно пользоваться браузером, то к вечеру уже видна серьёзная разница по занимаемой памяти, по сравнению с состоянием после старта.
                                                  0
                                                  Да, разница есть и в том же сафари, тоже разрастается... :( Но я его убиваю, потом восстанавливаю сессию и все ок :)
                                              0
                                              на рабочей машине стоит Linux - рабочий сеанс просто лочится до следующего дня, аптайм измеряется месяцами

                                              зачем мне в этом случае перепускать браузер, ждать пока прогрузятся все вкладки, да еще и вводить заново все сессионные пароли ?

                                              да и значения в полях ввода на страницах при этом теряются :(
                                                0
                                                я конечно понимаю привязанность линуксоидов к аптаймам длиной в годы... но все же для быстродействия системы по-моему любой процесс убить не грех. да и не будет еще долго браузеров, которые вообще не текут, имхо.

                                                ойойой. сессионные пароли? у вас там разработка вооружения идет? =(

                                                сколько же у вас полей ввода??? =(

                                                *в шоке*
                                            0
                                            А рендеринг так же хорошо делает? Вряд ли. Вообще, ФФ крут для девелопмента, спору нет, да только стандарты держит худо - не по количеству поддерживаемых, а по качеству поддержки. Сайт с валидным HTML 4.01 Strict, который с первого раза отрисовывается отлично в Опере и даже MSIE, в ФФ перекашивает вдоль и поперёк, приходится вставлять распорки. Уже в который раз это замечаю.
                                              +3
                                              В FF есть конечно баги... Но говорить о качестве сравнивая с IE... Мама моя!.. Хуже IE толко Усама-бин-Ладен...
                                                0
                                                говорят FF3 уже проходит ACID2 тест
                                                  0
                                                  Не прошло и года :). Да только когда ещё FF3 зарелизят? Я вообще заметил, что все ключевые фичи, которые Опера *изобретает*, FF спустя время более-менее успешно *повторяет*. Девелоперские инструменты - это исключение, однако браузер всё же в первую очередь предназначен для веб-сёрфинга, а удобство и скорость именно в этом деле всегда были первыми приоритетом Оперы. За что я их и уважаю.
                                                0
                                                Сравнивать продукты которые уже есть с теми которые еще только предвидятся некорректно. Вот посмотрим на Оперу 10...)
                                                И вообще, к чему вы тут о качестве браузера?.. Мы говорили о девелоперских прибамбасах, и тут я (и не только я) как фанат Оперы всеже признаю, то ей еще в этом плане далеко до FireBug.
                                                  0
                                                  Все что есть в FireBug в той или иной мере реализовано для оперы.

                                                  Осталось только подождать, когда это соберут воедино и сделают таким же удобным.

                                                  Думаю это не за горами
                                                    0
                                                    К слову сказать, десктоп тим Оперы в своём блоге недавно писали о стратегических планах - и то, как описывают Opera Peregrine, меня уже сейчас заставляет нервно дрожать в ожидании :). Вот и посмотрим, что будет...

                                                    Кстати, от одного очень ярого сторонника ФФ слышал, что, к огромному сожалению коммьюнити ФФ, в его девелоперской команде в последнее время происходят сильные разногласия, которые чуть ли не похоронят проект браузера спустя какое-то время. Так это или нет - увидим. Но в этом отношении коммерческий подход (Опера - это не фаундэйшен какой-нибудь, а обычная девелоперская компания), глядишь, окажется всё же надёжнее.
                                                  0
                                                  уважаемые, немного оффтоп но все же
                                                  может кто-нибудь виджет для Оперы написать для постинга в ЖЖ ? думаю многим пригодится! Спасибо.
                                                    +2
                                                    По ссылке куча всяких полезных opera-примочек для разработчиков

                                                    http://operawiki.info/WebDevToolbar
                                                      +1




                                                        0
                                                        0
                                                        О-о-о! Спасибо за ссылку, ушёл ботать!
                                                        0
                                                        Наверное смешной вопрос, но где скачать Opera 9.20, в смысле не могу найти ссылку на эту сборку, тока 9.10 везде там.
                                                          0
                                                          +1
                                                            0
                                                            Смысл? Консоль без проблем добавляется в Opera 9.10, строчкой
                                                            Item, "Консоль разработчика"="Go to page, "javascript:(function(){var ele=document.documentElement.appendChild(document.createElement('script'));ele.src='http://devfiles.myopera.com/tools/developer/8679/devConsole.js';ele.parentNode.removeChild(ele);opera.tools.console.open();})();", , , " ""
                                                            Пример.
                                                            А в Opera 9.20 сломана боковушка "Окна".
                                                              0
                                                              в смысле сломана?
                                                                0
                                                                Wrong work "Close" and "Reload" in panel "Windows"
                                                                bug-250181
                                                                  0
                                                                  ее уже восстановили в псоледнем билде..
                                                                  да и несколько мелких, но очень мерзких багов поправили
                                                                0
                                                                И каждый раз обращается на devfiles.myopera.com
                                                                  0
                                                                  Ну скачай его и используй кнопку
                                                                    0
                                                                    Так и сделал. Точнее, сам додумался.

                                                            Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                                            Самое читаемое