За пос­леднее вре­мя у Mozilla про­изош­ло нес­коль­ко зна­ковых событий. Во‑пер­вых, это юби­лей Firefox. Десять лет назад груп­пой хакеров, име­нующих себя Mozillian, была выпуще­на пер­вая вер­сия огне­лиса — бра­узе­ра, который раз­рушил монопо­лию Internet Explorer с 95% долей рын­ка. Во‑вто­рых, в про­дол­житель­ной кон­курен­тной борь­бе за про­изво­дитель­ность с Chrome дви­жок SpiderMonkey обо­шел V8 на собс­твен­ных тес­тах Google. Ну и в‑треть­их, это, конеч­но же, релиз Firefox Developer Edition.
JavaScript-движок SpiderMonkey от Mozilla обошел Google V8 на собственных тестах Google
JavaScript-дви­жок SpiderMonkey от Mozilla обо­шел Google V8 на собс­твен­ных тес­тах Google

Firefox Developer Edition заменит сущес­тву­ющий канал раз­работ­ки Firefox Aurora, и в него будут попадать новов­ведения из Firefox Nightly. Так­же сох­ранит­ся шес­тинедель­ный цикл раз­работ­ки бра­узе­ра: Nightly — Developer Edition — Beta — Release. Тем самым у раз­работ­чика будет 12 недель до того, как новов­ведение попадет в релиз. Новый бра­узер исполь­зует отдель­ный поль­зователь­ский про­филь, что поз­воля­ет запус­кать его одновре­мен­но с обыч­ным Firefox.

Свежий дизайн

Об­новлен­ный интерфейс уско­ряет дос­туп к инс­тру­мен­там для раз­работ­чиков и по умол­чанию исполь­зует новую тем­ную тему офор­мле­ния. Но ты так­же можешь перек­лючить­ся на клас­сичес­кую или уста­новить любую сто­рон­нюю тему и рас­ширение. Изме­нения так­же кос­нулись внеш­него вида окна нас­тро­ек.

Изменения внешнего вида окна настроек
Из­менения внеш­него вида окна нас­тро­ек

Кнопка «Забыть»

Не оста­лись без вни­мания и проб­лемы секь­юрности: на при­бор­ной панели бра­узе­ра появи­лась кноп­ка «Забыть», при нажатии на которую уда­ляет­ся информа­ция о cookie, исто­рии, откры­тых вклад­ках и окнах за пос­ледние пять минут, два часа или сут­ки.

Кнопка «Забыть», при нажатии на которую удаляется browsing data для текущего сайта
Кноп­ка «Забыть», при нажатии на которую уда­ляет­ся browsing data для текуще­го сай­та

Firefox Hello

Мно­гие уже, навер­ное, слы­шали про WebRTC, а воз­можно, даже экспе­римен­тирова­ли с ней. Так вот, при под­дер­жке ком­пании Telefonica в новом гиков­ском Firefox добави­лись звон­ки и виде­озвонки имен­но на этой тех­нологии. А называ­ется этот «бра­узер­ный Skype» Firefox Hello.

В FFDE доступны звонки и видео через WebRTC
В FFDE дос­тупны звон­ки и видео через WebRTC

О самом главном

Ну вот мы плав­но доб­рались до самого глав­ного — инс­тру­мен­тов для веб‑раз­работ­чиков, акцента и пер­вопри­чины появ­ления дан­ного бра­узе­ра. В целом сооб­щес­тво отре­аги­рова­ло более чем положи­тель­но, мно­гие говори­ли, что в свое вре­мя переш­ли от Firefox к Chrome толь­ко из‑за DevTools, а сей­час нас­тало вре­мя воз­вра­щать­ся обратно. Но так­же встре­чались выс­казыва­ния, что ничего нового не появи­лось, а прос­то взя­ли все, что было, и по‑дру­гому офор­мили. Хочу заявить, что это абсо­лют­ная ложь. Коман­да Firefox замет­но улуч­шила сущес­тву­ющие и пре­дос­тавила совер­шенно новые инс­тру­мен­ты для раз­работ­чиков.

  • Бо­лее прод­винутая отладка JavaScript.
  • Усо­вер­шенс­тво­ван веб‑инспек­тор, в нем появи­лось окно с исполь­зуемы­ми шриф­тами, и он наконец‑то начал отоб­ражать в DOM псев­доэле­мен­ты before и after.
  • Пре­обра­зились инс­тру­мен­ты для работы с отзывчи­вым дизай­ном.
  • Ре­дак­тор сти­лей с пер­воклас­сным авто­запол­нени­ем поз­воля­ет редак­тировать CSS-фай­лы пря­мо в бра­узе­ре.
  • Бо­лее информа­тив­ные кон­соль и монито­ринг сети.
  • Scratchpad для исполне­ния JavaScript на лету.
  • Пе­рек­лючатель меж­ду online- и offline-режима­ми.
  • Очень удоб­ный колор­пикер.

WebIDE — интегрированная среда разработки

WebIDE была вве­дена как бета‑фун­кция (недос­тупная по умол­чанию) в Firefox 33, а теперь офи­циаль­но вклю­чена в Developer Edition. С помощью WebIDE, заменя­ющей менед­жер при­ложе­ний, ты можешь раз­рабаты­вать, раз­верты­вать и отла­живать при­ложе­ния Firefox OS пря­мо в бра­узе­ре или на устрой­стве Firefox OS. Фун­кция авто­запол­нения, фун­кция вспо­мога­тель­ного экра­на, дос­кональ­ная про­вер­ка — некото­рые из новинок. Ты можешь так­же при­оста­новить при­ложе­ние и осмотреть эле­мен­ты со встро­енным отладчи­ком.

Эмуляторы для тестирования приложений в различных версиях FFOS
Эму­лято­ры для тес­тирова­ния при­ложе­ний в раз­личных вер­сиях FFOS

Valence — кросс-браузерная разработка и отладка

Из­началь­но это рас­ширение называ­лось Firefox Tools Adapter. Valence пред­назна­чен для того, что­бы тес­тировать про­екты с раз­личных устрой­ств (нап­ример, Chrome для Android, Safari на iOS) и изме­нять веб‑кон­тент, модели­руя интерфейс Firefox.

Valence — удобный инструмент для кросс-браузерной отладки приложений
Valence — удоб­ный инс­тру­мент для кросс‑бра­узер­ной отладки при­ложе­ний

Web Audio Editor

Поз­воля­ет вза­имо­дей­ство­вать с Web Audio API в режиме реаль­ного вре­мени.

Web Audio Editor
Web Audio Editor

Выводы

В прин­ципе, я перечис­лил все основные новов­ведения. Не знаю, как у вас, но я испы­тываю толь­ко положи­тель­ные эмо­ции от работы с Firefox Developer Edition. Воз­можно, у меня пред­взя­то хорошее отно­шение к самому про­изво­дите­лю за их откры­тость, аль­тру­изм и желание сде­лать веб луч­ше...

Сде­лали ли в Mozilla что‑то кар­диналь­но новое и инно­ваци­онное? Нет, и с этим ник­то не спо­рит. Даже на их лэн­динге написа­но «It’s everything you’re used to, only better». А вот с этим утвер­жде­нием я абсо­лют­но сог­ласен.

Боль­шое спа­сибо всем за вни­мание. И под конец хочу закинуть таб­личку юза­бель­ных шор­тка­тов.

Табличка шорткатов нового FFDE
Таб­личка шор­тка­тов нового FFDE

  • Подпишись на наc в Telegram!

    Только важные новости и лучшие статьи

    Подписаться

  • Подписаться
    Уведомить о
    0 комментариев
    Межтекстовые Отзывы
    Посмотреть все комментарии