FireFox+Firebug vs IE8 Developer Toolbar

[XaocCPS]

«Мониторинг сетевых запросов» — эта фича перевешивает большую часть остальных. Очень нехватает ее в IE8, без нее соревноваться с Firebug бессмысленно. Плюс инструменты IE8 — гораздо тормознее. Так что, на мой взгляд, тут Firebug вне конкуренции, как ни сравнивай.

[StopDesign]

Одни важный момент: создатели firebug думали над интерфейсом, поэтому получилось красиво и удобно. Остальные Оперы и IE меряются количеством возможностей, но пользоваться ими очень неудобно. Отладочные инструменты хрома более-менее приближаются по удобству к firebug.

[alkhankhel]

Файрбагу много лет. А у других браузеров можно сказать только появилось.

Ещё в плюс FB можно добавить, обновляется он независимо от браузера.

[mdevils]

Как пользоваться отладочными инструментами Оперы я не понял. Отлаживаю в Firebug уже который год.

[ad_Wolf]

отладочные инструменты Оперы загружаются через Интернет при каждом вызове

[fatal]

Это сделано так на период разработки. Но довольно легко всё перенести и настроить, чтобы работало локально.

[note]

Сравните это:
img5.tempfile.ru/8253/1886fa531c/tna3artm8a1hd4vcx5d4lf6m.png
с этим:
img222.imageshack.us/img222/8705/ie8devtools.png
и этим:
img9.imageshack.us/img9/7282/firebugm.png

… и назовите хотя бы 10 принципиальных отличий в интерфейсе

[StopDesign]

Я доказывать ничего не собираюсь. Отличие только одно: firebug удобный а, остальное — говно.

[Crypto]

Когда кто-то в таком тоне утверждает о превосходстве одного инструмента на другими, зачастую оказывается, что он другими и не пользовался вовсе…

[note]

Детский сад.
И да, вы забыли добавить «ИМХО» — у каждого свои понятия об удобстве.

[StopDesign]

Разве «ИМХО» на хабре не добавляется автоматически к каждому комментарию?
У меня добавляется:

ИМХО: Детский сад.
ИМХО: И да, вы забыли добавить «ИМХО» — у каждого свои понятия об удобстве.

[note]

Что-то у вас подстановка барахлит — «ИМХО» с фактами не дружит.
Надеюсь не нужно объяснять почему.

> Отличие только одно: firebug удобный а, остальное — говно.
Вы это преподнесли как факт, поэтому-то, наверное, «ИМХО» и не добавилось.

Всё просто.

[mdevils]

Зря человека минусуете. Инструментами от Оперы и IE8 можно пользоваться ТОЛЬКО из-за того что они чем-то напоминают Firebug. В остальном они совершенно запутанные.

[eldren]

Весьма спорно. Dragonfly от Оперы я использовал до Firebug, то есть он был первым из отладчиков которые я использовал. И никаких трудностей я в нем не нашел.

[FCron]

+1 всегда использую в отладке AJAX приложений, если честно то это единственная функция которую я юзаю в файрбаге

[LighteR]

Полностью согласен. Очень странно что автор поставил всего две звезды в «необходимость» данному пункту. Лично я пользуюсь этим инструментом очень активно.

P.S. Кстати в хроме этот инструмент присутствует и очень красиво выглядит.

[Ueasley]

Где этот инструмент в хроме?

[Ueasley]

А, нашел.

Прикольно оО

[djko]

Юзайте Charles Web Debugging Proxy — очень рекомендую.

[kai]

За него денег активно хотят

[djko]

ну… можно активно не давать, терпя некоторые неудобства:)

[adontz]

Про Fiddler слышали?

[bO_oblik]

Нет.

[Mad_Fish]

Кстати, по поводу тормозов… У меня сейчас почему-то, когда я попробовал их в ИЕ8, даже скроллинг в окошке тормозил. о_О

[arestov]

правка, валидация html, отключение css, мониторинг запросов в опере есть

[arty]

и подсветка яваскрипта в fb
вообще статья производит впечатление устаревшей ещё до рождения

[Gospodin]

А еще и редактирование HTML налету, причем во время отладки и во время просмотра исходного кода страницы и было это там с незапамятных времен.

[svyatogor]

Как кстати и в Сафари, только не стиль целиком а нужные пункты.

[homm]

Функия: Правка Html
Opera: крестик, а на самом деле можно 2 галочки поставить, возможно как из средств разработки, так и из встроенного просмоторщика исходного кода.

Неужели это еще один заказной псевдо-обзор?

[jeje]

Против Opera? :D это смешно.

[arestov]

Заказные обзоры безопасности же есть
habrahabr.ru/blogs/ie/68909/#comment_1957497

[jeje]

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

[homm]

Т.е. там, на западе Опера ничего этого не умеет и там табличка правильная?

[jeje]

>У меня некоторые проблемы с работой инструментов в Opera
Автор сам признался, что у него проблемы были. Да и для него — это не приоритетные и редко используемый браузер. Следовательно, он может ошибаться.

[homm]

а, ну у меня были проблемы с установкой ИЕ8, счас я пойду тоже табличку накатаю, что там есть, а чего нет…

[jeje]

Ваше право :), просто на Сафари вот я смотри всем наплевать, а за Opera зубы выбьют :)

[homm]

Лично я не знаю, что есть в сафари, наверное поэтому и не пишу обзор, а если бы собрался написать, обязательно узнал бы.

[homm]

Ниже написали про мониторинг запросов в саффари.

[homm]

Больше похоже на превосходство IE.

[homm]

Javascript Локальные переменные тоже есть.

>Неосязаемое YSlow
о! Потрясающе :)

[homm]

Мониторинг сетевых запросов в опере есть,

«Переключение режимов браузера»
Между чем и чем? «Рендирить хорошо» и «рендирить стремно, как предыдущая версия»? Дак другие браузеры не страдают стремной предыдущей версией, а необходимость переключения в ие — явный минус.

[homm]

Оперу в принципе не надо ставить на вируалку, её можно установить сколько угодно много версий (в отличие от ие) и запустить их одновременно (в отличие от фф, который разворачивает уже открытое окно для ярлыка любой версии).

[jeje]

Тут вы не правы, FF запускает без проблем две разных версии.Делал так с 2 и 3.1 версией, 3.1 и 3.5.

[homm]

Может и запускается, но явно с проблемами. (т.е. что-то нужно в свойствах ярлыка указать, профиль что-ли). Да еще и при каждой «смене» версии поздравляет меня с установкой новой версии, даже если это 2.0 после 3.5.

[jeje]

Пару сообщений ниже, я уже писал ;) lifehacker.com/231646/geek-to-live--manage-multiple-firefox-profiles

[jeje]

Я наверное сказочный человек, все можно, делал все на XP =)

[jeje]

Конечно не секрет Firefox profiles

[katremer]

В опере глюки верстки меняются даже в минорных версиях. У меня четыре оперы стоит, чтобы проверять: 8, 9.27, 9.5, 9.6. Сейчас ещё и десятую предлагают ставить, а вы тут разводите пропаганду.

[Rulez]

Знаете что печально? что даже в последней версии Оперы, 9-й ветки, она не корректно отрабатывала JS и события мышки, долго мучались и забили, написали что ФайрФокс маст-хев, тем более, что функционал бекэнда (админки)

[homm]

Между 9.5 и 9.6 ни однго различия так и нашел, как не старался. А 9.27 и 9.5, это простите не минорные версии, это очень серьезный апдейт движка.

[katremer]

У меня был глюк в верстке в 9.63, который излечился установкой 9.64.

[note]

Опера не из тех браузеров, устаревшие версии которого задерживаются на машинах пользователей. 8-ой версией пользуется всего 0.2% и с каждым днем цифра все меньше и меньше. Верстать под 8-ую оперу такой же маразм, как и под IE5. Насчет 9.27 точно ничего не могу сказать, но больше чем уверен, что почти весь процент (17.3%) из 9-ой линейки занимает версия 9.5*+

[katremer]

Тут ещё интересна та деталь, что все счетчики если и показыают версию Оперы, то только «Опера 9». Единственный, который умеет считать полную версию — это Гугль Аналитикс (ну и собственная статистика в скрипте/по логам апача).

У меня лично на сайте Опера 9 примерно у 25% юзеров. 8 версии действительно ни у кого нет, 9.27 примерно 2% от общего числа пользователей, насколько мне помнится. Каждый решает сам — стоит ли париться ради 2%, я вот решил забить. Больше всего у 9.6, версия 10 пока непопулярна.

Однако и внутри одной 9.6 могут быть нюансы — смотрите выше мой ответ homm'у.

[isapioff]

а мне нравится отладка в chrome :)
как не странно. ностальгия какая-то. только по чему не знаю

[TiGR]

Про оперу в таблице сильно наврали.

И что пункт «переключение режимов браузера» делает в таблице сравнения?

[printf]

Да, к тому же это самое IE-переключение удостоилось трех звезд важности — больше, чем подсветка синтаксиса. Специалистов Microsoft видно издалека.

[logman]

Столбец необходимость, как мне кажется, довольно спорный. От решаемых задач зависит. Мне например без мониторинга сетевых запросов вообще никуда, а у него всего 2 звезды.

[remal]

Подсветка JS в Firebug'e есть через расширение. Про автодополнение ничего не написали.

[XuMiX]

Мониторинг сетевых запросов — в сафари есть точно

[XuMiX]

отслеживание переменных

[homm]

Помоему под отслеживанием переменных подразумевается окошко watch. Может я не туда смотрю, но не вижу его на скрине.

[GubkaBob]

спасибо за обзор, интересно :)

господа, не сочтите дальнейшее за холивар или претензию к самому браузеру — просто note (написал бы маленьким тестом, но пока рано):

«Для IE8, факт, что вы можете переключаться между IE7 и IE8 режимами, стандартным или режимом совместимости, огромен» — наличие возможности переключаться между несколькими видами костылей впечатляет.

[isapioff]

при этом режим «совместимости» только для отображения. js свойства и поведение объектов становится в таком режиме непредсказуемым.

[forgotten]

IE8 не умеет перестраивать DOM-дерево динамически — надо нажимать «Обновить».
Firebug мало того, что умеет, так еще и подсвечивает изменяющиеся фрагменты.
Кроме того, профайлер в IE8 очень плохо понимает анонимные функции.

[diGreez]

Плагины для Firebug, как бы расширяют его возможности.

Валидация Html и CSS:
tools.sitepoint.com/codeburner/

Подсветка Javascript:
firerainbow.binaryage.com/

[Mirowind]

Обзор функционала браузеров…
Ой, что сейчас начнется :)

[hannimed]

Частенько в ИЕ хочется развернуть объект, а он просто показывает Object… Очень большой недостаток. В FireBug с этим всё замечательно.

[LighteR]

Что-то уж очень много дезинформации в сравнительной таблице.

[nerezus]

Почему так странно выделена необходимость?
Почему подсветка синтаксиса, а в особенности JS, так низко оценена?

Кстати, вопрос: как заставить Firebug подсвечивать JS?

[karvai]

firefox the best!!!

[Gospodin]

Иди в сад, школота, сначала напиши две строчки кода, а потом рассуждай кто лучше, а кто хуже.

[maxshopen]

jeje, мне кажется ты напрасно потратил время на этот шлак

[maxshopen]

* в смысле на его перевод

[jeje]

Где найдешь, где потеряешь ;)

[maxshopen]

Ну уж не знаю, чего ты нашел, а чего потерял, но подобные материалы являются дезинформационными и потому вредными для тех «кто не в теме». А потому плодить их и приумножать нехорошо

[chepulis]

>>Переключение режимов браузера

Если я вас правильно понял, то это возможно благодаря дополнениям.

[Wott]

Я, после выхода 10й оперы, практически перестал пользвоваться FF, поскольку все фичи слизали, сделали быстрее и удобнее.

[alexius2]

Топик интересный, спасибо за обзор. Но первая таблица напомнила это:



Простите, не удержался :) Сам пользуюсь обоими инструментами, но в IE8 в основном отлавливаю баги IE, firebug'ом пользоваться привычнее…

[hydralien]

Просто OS она с этой позиции одна, по умолчанию =)

[ivv]

У меня обычно так —
Если работает в FF то обычно работает и в chrome и safari, но полюбому будет какая-то мелочь и не работает IE.
Developer toolbar дал возможность находить эти мелочи быстрее. Пользуюсь все же FireBug, но toolbar для IE это реальная помощь.

[flaresun]

Про оперу Вы приврали :)

— Правка html есть
— Валидация — сторонними сервисами (не помечено) — Ctrl + Alt + V или ПКМ, «Соблюдены ли web-стандарты»
— Очистка кеша — сноска, что из разных мест доступно, но всё равно крестик почему-то… я, например, кнопочку на панель вынес
— CSS подсвечивается
— «Переключение режимов браузера» — не совсем понятно что это значит, но в опере можно маскироваться под IE и FireFox, т.е. режимы переключаются
— Мониторинг сетевых запросов — тоже имеется

[flaresun]

Opera, Мониторинг сетевых запросов

[fatal]

А вы посмотрите на дату появления этой функциональности в Opera Dragonfly (3 июня) и дату оригинального обзора (18 мая). ;)

[flaresun]

Ну я всё-таки отвечаю автору топика и именно на этот пост, под которым указана дата «11 сентября 2009, 16:26».
После вашего комментария обратил внимания на иконку и наличие ссылки на оригинал, но в самой статье про это не сказано и статья больше похожа на изложение мыслей автора топика, на что я и отвечал. Ну а если оригинальному обзору уже почти четыре месяца, от он немного устарел, по-моему… ;)

[Enlightened]

А также, валидируется CSS.

[Rulez]

Кто подскажет как работать с виртуальной машиной и с ИЕ6 упомянутой в статье?

[jeje]

Вам дают уже готовые образы систем, который запускаются через Virtual PC www.microsoft.com/windows/virtual-pc/download.aspx

[Rulez]

Спасибо, большое

[pepelsbey]

«CSS стили» это примерно как «язык разметки HTML» или «Союз Советских Социалистических Республик СССР». Ну, вы понимаете — придираюсь ;)

[Iskin]

Автор, очень странно для FF не учитывать сторонние плагины. Всё-таки идеология расширений для FF и других браузеров разная (ff без расширений, наверное, мало кто использует вообще). Так что подсветка синтаксиса в Firebug есть сторонник плагином и валидация HTML есть и очистка кеша и так далее.

[LimeOrange]

Автор плохо подготовился в плане Оперы. Сразу заметно, что целью было сравнить только ФФ и ИЕ, остальные браузеры похоже добавлены лишь «для веса статьи».

Правка html – ctrl+U открывает редактирование страницы прямо в Опере. В окне редактирования нажатие комбинации ctrl+R применяет изменения к редактируемой странице.
Валидация Html – присутствует из коробки. Незнаю как в Windows, но под MacOS сочетание для отправки страницы на валидатор – alt+shift+cmd+u. Подозреваю, что так же (через внешний валидатор) сделано и в ИЕ.
Очистка кэша – Tools -> Delete Private Data -> Delete entire cache, выносится в любое место в браузере кнопкой.
Отключение CSS стилей – View -> Style -> User mode, тоже делается кнопкой.
Выбор цвета – цвета чего…?
Создание новых стилей – да ну нафиг, правда, что ли!? А это тогда что? – img21.imageshack.us/img21/2218/picture2zf.png
Подсветка CSS – img33.imageshack.us/img33/7420/picture3hw.png
Валидация CSS – img7.imageshack.us/img7/7274/picture5do.png
Мониторинг сетевых запросов – img21.imageshack.us/img21/2475/picture6pa.png

Предлагаю подредактировать таблицу, чтобы она отображала более реальное состояние дел.

Спасибо.

[jeje]

Тогда это будет уже не перевод статьи, а ее обсуждение. Для этого нужно делать отдельную статью.

[LimeOrange]

В таком случае было бы неплохо добавить к статье PS. с более актуальными данными. Либо не публиковать устаревшие данные вовсе, чтобы не водить людей в заблуждение.
И, да, PS был бы все таки очень уместным.

[Shemet]

враки

[maxz]

Вообще-то в хроме есть правка html. Пожалуй с учетом всех комментариев пора исправлять таблицу…

[fatal]

Ещё бы неплохо учитывать скорость работы инструментария.
IE 8 тут впереди всех, Firebug и Safari посерединке, а Opera — позади всех (даже если настроить локально).

[note]

Странно. У меня все с точностью наоборот. В IE8 даже скролл тормозит. Сижу далеко не на калькуляторе.