Веб-разработка → Расширения Firefox для веб-разработки на все случаи жизни
Исторически сложилось так, что Firefox пользуется широкой популярностью среди веб-разработчиков благодаря его расширяемости через подключение всевозможных плагинов и дополнений, написанных сторонними разработчиками. Идея выделения функционала в расширения позволила решать массу всевозможных задач прямо в браузере, не прибегая к внешним инструментам.
Безусловно в этом списке вы обязательно найдёте уже знакомые расширения, однако огромный пласт полезных расширений всегда остаётся в стороне. Так что приготовьтесь установить ещё парочку расширений! :)
Перед началом списка было бы неправильно не упомянуть об инструментах, уже встроенных в Firefox. Здесь речь идёт о тех самых инструментах разработки в Firefox Aurora 10 и том функционале, который сегодня можно найти в любом современном браузере.
При разработке интерфейса этих инструментов было перепробовано множество подходов и решений. В результате получился довольно приятный интерфейс, который любой желающий может испробовать, установив Firefox Aurora (хм, вы ещё его не поставили?)
Ну а под катом вас ждёт огромный перечень расширений, который обязательно окажется полезным для любого веб-разработчика.
Безусловно в этом списке вы обязательно найдёте уже знакомые расширения, однако огромный пласт полезных расширений всегда остаётся в стороне. Так что приготовьтесь установить ещё парочку расширений! :)
Встроенные инструменты разработки в Firefox
Перед началом списка было бы неправильно не упомянуть об инструментах, уже встроенных в Firefox. Здесь речь идёт о тех самых инструментах разработки в Firefox Aurora 10 и том функционале, который сегодня можно найти в любом современном браузере.
При разработке интерфейса этих инструментов было перепробовано множество подходов и решений. В результате получился довольно приятный интерфейс, который любой желающий может испробовать, установив Firefox Aurora (хм, вы ещё его не поставили?)
Ну а под катом вас ждёт огромный перечень расширений, который обязательно окажется полезным для любого веб-разработчика.
Mozilla → Новый простой редактор JavaScript в Firefox
Представляем Scratchpad
В только что вышедший Firefox 6 входит новый инструмент для веб-разработчиков: простой редактор JavaScript (прим. переводчика — по-английски он называется Scratchpad («блокнот»). Буду его так и называть, чтобы не писать каждый раз «простой редактор JavaScript».) Идея проста: браузер это отличное место для экспериментов с JavaScript. Большинство JS-разработчиков уже знают об этом и используют такие инструменты, как веб-консоль и командную строку Firebug, чтобы использовать преимущества единственной среды, которая точно знает, как выглядит веб-страница.
Веб-консоль оптимизирована для ввода одной строки кода за раз (подсказка: с помощью Shift+Enter можно ввести несколько строк). В Firebug есть кнопка, включающая многострочный режим ввода, но всё равно работа основана на поочерёдном и линейном выполнении кусков кода.
Firefox → Новые возможности Firebug 1.8
По случаю, пока все отдыхают, переведём-ка мы список новых возможностей Firebug 1.8, опубликованных 29 июля 2011 года. Сам релиз вышел тоже 29 июля и был опубликован на стандартном месте — в Расширениях Firefox — Firebug.(Пользователи не 5-го браузера Firefox увидят ссылку на скачивание внизу страницы, потому что релиз совместим только с 5-й — 5.XX версией браузера. Для бета-версий 6-7-8 рекомендуется Firebug 1.9a0.)
Веб-разработка → Ведущий разработчик Firebug перешёл в команду Google Chrome
Ведущий программист группы Firebug Working Group Джон Бартон сообщил, что с понедельника начинает разработку WebDev нового поколения в составе команды браузера Chrome. С этого дня он больше не будет участвовать в поддержке и доработке расширения Firebug для Firefox.
Джон говорит, что пойти на этот шаг было тяжело, учитывая огромное влияние, которое Firebug оказал на Сеть в последние годы. Но сейчас уже у всех браузеров есть (или скоро будут) собственные отладчики, и делать инструменты следующего поколения на базе Firebug непрактично: «скорость изменений браузеров была слишком велика для нашей маленькой команды», а самому Firebug приходилось конкурировать с другими похожими инструментами для Firefox. Кроме того, «переход с десктопа на мобильную версию и от одного хайтек-браузера (Firefox) к трём или больше требует дополнительных усилий от разработчиков» и Бартону приходилось рассчитывать на дополнительные «спонсорские» ресурсы своего бывшего работодателя IBM. В компании Google, конечно же, работать проще.
На новом месте Джон Бартон первым делом займётся завершением отладчика QueryPoint, а дальше по ситуации. Есть план привлечь кого-нибудь из команды Firebug, чтобы портировать на Chrome протокол удалённой отладки.
Джон говорит, что пойти на этот шаг было тяжело, учитывая огромное влияние, которое Firebug оказал на Сеть в последние годы. Но сейчас уже у всех браузеров есть (или скоро будут) собственные отладчики, и делать инструменты следующего поколения на базе Firebug непрактично: «скорость изменений браузеров была слишком велика для нашей маленькой команды», а самому Firebug приходилось конкурировать с другими похожими инструментами для Firefox. Кроме того, «переход с десктопа на мобильную версию и от одного хайтек-браузера (Firefox) к трём или больше требует дополнительных усилий от разработчиков» и Бартону приходилось рассчитывать на дополнительные «спонсорские» ресурсы своего бывшего работодателя IBM. В компании Google, конечно же, работать проще.
На новом месте Джон Бартон первым делом займётся завершением отладчика QueryPoint, а дальше по ситуации. Есть план привлечь кого-нибудь из команды Firebug, чтобы портировать на Chrome протокол удалённой отладки.
JavaScript → Делаем консоль чуточку удобнее
Практически все Javascript-программисты пользуются консолью в браузерах. Консоль встроена в Хром, Оперу, IE и устанавливается с Firebug в Фоксе.Но у неё есть пару неудобств, которые можно очень легко исправить. Это:
- Ошибки, когда консоль не определена
- Невозможность использовать вне контекста
- Невозможность отключить во время production
- некроссбраузерность
Исправим эти проблемы легко и быстро!
Веб-разработка → Релиз Firebug 1.6
Рабочая группа Firebug Working Group с гордостью представляет релиз Firebug 1.6!
Мы внедрили множество новшеств, которые приведены на странице заметок к релизу Firebug 1.6. Пожалуйста, просмотрите список изменений и дайте знать, если вам необходима любая дополнительная информация.
Мы тяжело трудились, но большая часть новшеств никогда не увидела бы свет без вклада от сторонних разработчиков, переводчиков и дизайнеров. Полный список участников разработки смотрите на специальной странице в нашей вики.
Мы значительно повысили стабильность Firebug'а и избавились от множеств утечек памяти — мы утверждаем, что это лучший релиз Firebug'а за всю историю.
Opera → У Dragonfly грядет редизайн
Чтоб опробовать первые экпериментальные сборки надо:
- вбить в адресную строку opera:config#DeveloperTools|DeveloperToolsURL
- в поле URL скопировать адрес: https://dragonfly.opera.com/app/stp-1/experimental/
- далее клик правой кнопкой на элементе страницы и выбор Inspect Element
По ссылкам:
Превью нового интерфейса
План выпусков
Описание предстоящей работы(на английском)
Репозиторий Dragonfly на BitBucket
Веб-разработка → WebInspector в Google Chrome и Safari теперь показывает номера строк для стилей css
Хорошие новости для любителей браузера Chrome. WebInspector в Chrome теперь показывает номера строк для стилей css:
PS. Долгое время для меня отсутствие этой фичи было единственной причиной использования двух браузеров (Firefox для разработки, Chrome для серфинга).
PS. Долгое время для меня отсутствие этой фичи было единственной причиной использования двух браузеров (Firefox для разработки, Chrome для серфинга).
Персональные блоги → Firebug — почему я не могу сохранять измененные CSS на сервер?
Подгонял CSS стиль страницы в Firebug и подумалось, а почему нельзя сохранить эти изменения сразу на сервер? Было бы очень мило — можно сэкономить кучку времени. Оказывается можно.