Бета-версия Firefox 31 с новыми функциями для разработчиков


Firefox 31 сейчас находится на бета-канале Mozilla и предлагает некоторые полезные функции и инструменты для разработки веб-контента, приложений и надстроек. Здесь мы узнаем, что нового появилось в Firefox 31 для Windows, Mac и Linux.

Веб-дизайнеры будут рады открыть для себя новый инструмент «Пипетка» в Инспекторе, который позволяет выбирать цвет из любого пикселя, что упрощает копирование цветов или манипулирование ими в зависимости от их значения цвета:

Инспектор также теперь позволяет вам напрямую редактировать размеры на панели Box Model:

Когда дело доходит до редактирования кода, в рамках обновления редактора Codemirror 4 редактор стилей и блокнот получили новые функции, включая привязки клавиш Sublime Text, выбор прямоугольника, выбор отмены и, как показано здесь, множественный выбор:

Отладчик Canvas Debugger, который был продемонстрирован в марте на конференции разработчиков игр в Сан-Франциско, находится в бета-версии Firefox 31. Это инструмент для отладки кадров анимации, отображаемых на элементе Canvas, и предназначен для того, чтобы вы могли просматривать вызовы визуализации с точки зрения самого цикла анимации, что дает вам гораздо лучший обзор того, что происходит.

Также в Firefox 31 новая функция Add-on Debugger позволяет вам использовать функцию Debugger инструментов разработчика для добавления разрывов строк, перехода, выхода и повторного выполнения, а также проверки переменных и областей модулей, используемых в надстройке.

Firefox 31: Скринкаст отладчика надстройки на Vimeo от Джордана Сантелла.

Признавая, что веб-разработчики, как правило, активно используют консоль и сетевой монитор при отладке, Mozilla ответила на отзывы о том, как улучшить работу с консолью, с помощью следующих улучшений в Firefox Beta:

Трассировки стека консоли: журналы console.error, console.exception и console.assert в консоли теперь включают полный стек, из которого был сделан вызов.

Копировать как cURL: воспроизвести любой сетевой запрос в сетевом мониторе, щелкнув запрос правой кнопкой мыши и выбрав пункт меню «Копировать как cURL», чтобы скопировать команду cURL в буфер обмена, включая аргументы для заголовков и данных.

Стилизованные журналы консоли: наравне с другими инструментами разработчика браузера теперь вы можете добавить стиль в ведение журнала консоли с помощью директивы% c.

Два улучшения, отмеченных как HTML5, заключаются в том, что были реализованы переменные CSS и был реализован и включен WebVTT, формат для отображения синхронизированных текстовых дорожек, таких как субтитры видео.

В примечаниях к выпуску также перечислены эти улучшения для разработчиков:

navigator.sendBeacon включен по умолчанию

Встроенный новый массив: Array.prototype.fill ()

Встроенный новый объект: Object.setPrototypeOf ()

CSP 1.1 nonce-source и hash-source включены по умолчанию.

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

Mozilla стремится к тому, чтобы разработчики тестировали бета-функции и оставляли отзывы, используя канал идей для инструментов разработчика Firefox.


Добавить комментарий