Max Home IndustryFirefox 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.