Firefox 65 для разработчиков

В этой статье перечислены ключевые изменения, которые касаются разработчиков. Firefox 64 был выпущен 29 января 2019 года.

• Включён по умолчанию инспектор Flexbox (en-US).
• Отладчик JavaScript получил поддержку точек останова XHR (баг 821610).
• Щелчок правой кнопкой по элементу дерева доступности позволяет вывести его в JSON-формате.
• Если фон текста является сложным (например, градиент или сложное изображение), инструмент цветового контраста в инспекторе доступности покажет диапазон значений цветового контраста.
• Во вкладку «Заголовки» сетевого монитора добавлено отображение политики Referrer для выбранного запроса (баг 1496742).
• При просмотре трассировки стека (например, в журналах консоли или отладчике JavaScript) вызовы методов фреймворка распознаются и по умолчанию сворачиваются, что облегчает размещение вашего кода.
• Подобно традиционным терминалам теперь можно использовать обратный поиск в истории консоли JavaScript(F9 в Windows/Linux или Ctrl + R в macOS, затем ввести искомое, а сочетаниями Ctrl + R/Ctrl + S переключаться между результатами).
• Сокращение $0 в консоли JavaScript (ссылается на инспектируемый в данный момент элемент страницы) обзавелось возможностью автодополнения. Например, вы можете ввести $0.te, чтобы получить предложения автодополнения для свойств наподобие $0.textContent.
• Правки, внесённые через просмотр правил в Инспекторе, теперь отображаются на вкладке «Изменения» (баг 1503920).

• События теперь отправляются на отключённые элементы HTML, то есть элементы <button>, <fieldset>, <input>, <select> и <textarea> (en-US) с установленными атрибутами disabled (баг 329509).
• Как в Chrome и Safari, удаление атрибута src у элемента <iframe> (en-US) загружает в него about:blank (баг 1501418) . До этого удаление src не влияло на содержимое iframe.
• Добавлена поддержка атрибута referrerpolicy у элементов <script> (баг 1460920).

• Убран префикс у значения crisp-edges свойства image-rendering (en-US) (баг 1496617).
• Значение auto scrollbar-color (en-US) теперь разрешается в auto, а не в два цвета (баг 1501418).
• Реализована поддержка свойств break-* (баг 775618):
  • break-before (en-US) → page-break-before (en-US).
  • break-after (en-US) → page-break-after (en-US).
  • break-inside (en-US) → page-break-inside (en-US).
• Реализована поддержка значения anywhere у свойства overflow-wrap (баг 1505786).
• Добавлены новые ключевые слова jump-start, jump-end, jump-none и jump-both, используемые внутри временной функции steps() (баг 1496619). Функция frames(), ранее использовавшаяся для этого, объявлена устаревшей.
• Для совместимости с прочими браузерами добавлены несколько новых значений -webkit-appearance. В частности:
  • meter, которое отныне используется в качестве значения по умолчанию для элементов <meter>; существующее значение meterbar теперь является псевдонимом meter (баг 1501483).
  • progress-bar, которое отныне используется в качестве значения по умолчанию для элементов <progress>; существующее значение progressbar теперь является псевдонимом progress-bar (баг 1501506).
  • textarea, которое отныне используется в качестве значения по умолчанию для элементов <textarea> (en-US); существующее значение textfield-multiline теперь является псевдонимом textarea (баг 1507905)
• Изменено поведение user-select, чтобы достичь сходства с прочими браузерами (баг 1506547). Конкретно:
  • user-select: all, установленное на элемент, больше не перекрывает значения user-select дочерних элементов. Пример:

    <div style="-webkit-user-select: all">All
      <div style="-webkit-user-select: none">None</div>
    </div>

    <div>, на который установлен none, теперь не выбирается. До этого значение none перекрывалось значением all родительского элемента.
  • Теперь можно выбирать элементы не-contenteditable, вложенные в элементы contenteditable.
  • user-select теперь ведёт себя согласованно внутри и снаружи теневого DOM.
  • Удалено проприетарное значение -moz-text.
• Реализована поддержка переменных среды CSS (функция env (en-US)) (баг 1462233).

Удалено

• Удалена настройка layout.css.shape-outside.enabled; поддержку shape-outside (en-US), shape-margin (en-US) и shape-image-threshold (en-US) больше нельзя отключить через about:config (баг 1504387).
• Удалены некоторые специфичные для Firefox значения user-select  — -moz-all, -moz-text, tri-state, element, elements и toggle. См. баг 1492958 и баг 1506547.
• Как упоминалось выше, удалена временная функция frames() (баг 1496619).

Без изменений.

• Реализована поддержка Intl.RelativeTimeFormat (баг 1504334).
• Максимально допустимое значение length у строк отныне составляет 2^30 - 2 (~1 ГБ) вместо 2^28 - 1 (~256 МБ) (баг 1509542).
• Добавлена поддержка свойства globalThis (баг 1317422).

Новые API

• Включена по умолчанию поддержка Readable Streams (en-US) (баг 1505122).
• Включена по умолчанию поддержка Storage Access API (баг 1513021).

DOM

• Performance.toJSON() (en-US) доступен веб-воркерам (баг 1504958).
• Запросы XMLHttpRequest будут выбрасывать NetworkError, если запрошено содержимое типа Blob, а метод запроса отличен от GET (баг 1502599).
• Многие функции Fullscreen API с префиксом -moz- объявлены устаревшими и выдают предупреждение в консоль JavaScript (баг 1504946).
• createImageBitmap() (en-US) отныне поддерживает изображения SVG (SVGImageElement (en-US)) в качестве источника (баг 1500768).

События DOM

• За одно событие разрешено не более одного вызова Window.open() (en-US) (баг 675574).
• События keyup и keydown в целях улучшения кроссбраузерной совместимости для пользователей CJKT отныне срабатывают во время композиции IME (баг 354358, см. keydown and keyup events are now fired during IME composition для получения подробных сведений)..

Веб-воркеры

• Поскольку событие SharedWorkerGlobalScope.onconnect (en-US) является экземпляром MessageEvent (en-US), его свойство data теперь представляет собой пустую строку, а не null (баг 1508824).

Fetch и сервис-воркеры

• Метод Response.redirect() (en-US) теперь корректно выбрасывает TypeError, если в качестве первого параметра указан невалидный URL (баг 1503276).
• Методы ServiceWorkerContainer.register() и WorkerGlobalScope.importScripts() (когда они используется сервис-воркером) отныне принимают любые файлы с валидными MIME-типом JavaScript (баг 1354577).
• Добавлена поддержка свойств FetchEvent.replacesClientId (en-US) и FetchEvent.resultingClientId (en-US) (баг 1264177).
• Реализована поддержка ServiceWorkerGlobalScope.onmessageerror и ServiceWorkerContainer.onmessageerror (баг 1399446).
• Заголовок Origin больше не устанавливается у запросов Fetch с методом HEAD или GET (баг 1508661).

Media, Web Audio и WebRTC

• Словарь WebRTC RTCIceCandidateStats (en-US) обновлён в соответствии с последними изменениями спецификации (баг 1324788, баг 1489040; см. также
  RTCIceCandidateStats has been updated to the latest spec для получения подробных сведений).
• События pause и resume MediaRecorder (и соответствующие свойства обработчика событий — MediaRecorder.onpause (en-US) и MediaRecorder.onresume (en-US)) не были реализованы ранее, хотя таблицы совместимости утверждали обратное. Теперь они реализованы (баг 1458538, баг 1514016).

Canvas и WebGL

• В контекстах WebGL1 и WebGL2 доступно использование расширений сжатия текстур WebGL EXT_texture_compression_bptc (en-US) и EXT_texture_compression_rgtc (en-US) (баг 1507263).

Удалено

• Отключена мутация событий (en-US) в теневых деревьях (баг 1489858).
• Удалено нестандартное свойство currentTime MediaStream (баг 1502927).
• Удалены настройки dom.webcomponents.shadowdom.enabled и dom.webcomponents.customelements.enabled — больше нельзя отключить поддержку Shadow DOM и Custom Elements через about:config (баг 1503019).
• Удалено нестандартное событие DOM text, срабатывавшее, чтобы уведомить пользовательский интерфейс редактора браузера о строках данных композиции IME и диапазоне выбора (баг 1288640).
• Событие keypress (en-US) больше не срабатывает для непечатаемых клавиш (баг 968056) за исключением клавиши Enter и комбинаций Shift + Enter и Ctrl + Enter (сохранены для кроссбраузерной совместимости).

• К допустимым заголовкам запросов отныне применяются дополнительные ограничения CORS (баг 1483815, см. также whatwg fetch issue 382: CORS-safelisted request headers should be restricted according to RFC 7231 для получения дополнительных сведений).

Без изменений.

Без изменений.

Изменения API

• WebDriver:ElementSendKeys при проверке интерактивности обрабатывает <input type=file> менее строго, позволяя скрывать эти элементы без возникновения ошибки not interactable. Если требуется строгая проверка, следует использовать strictFileInteractability (баг 1502864).

Исправленные ошибки

• Команды для манипуляций окнами WebDriver:FullscreenWindow, WebDriver:MinimizeWindow, WebDriver:MaximizeWindow и WebDriver:SetWindowRect стали более стабильными (баг 1492499). При определённых обстоятельствах они больше не вызывают бесконечное зависание, но ожидают в течение 5 секунд, если запрошенное состояние окна не может быть достигнуто (баг 1521527).
• WebDriver:ElementClick отныне корректно высчитывает центр элемента для щелчка по нему, что позволяет взаимодействовать с элементами, имеющими размер 1x1 пиксель (баг 1499360).

Прочее

• При возникновении ошибки unexpected alert open выводятся более понятные сообщения (баг 1502268).

• Добавлена поддержка изображений в формате WebP (баг 1294490).
  • Кроме того, для улучшения кросс-браузерной совместимости MIME-тип WebP (image/webp) был добавлен в стандартный заголовок HTTP-запроса Accept для файлов HTML (баг 1507691).

Вкладки

• tabs API обзавёлся поддержкой наследников вкладок — вкладке можно назначить ID вкладки-наследника, которая станет активной, когда первая вкладка закроется (баг 1500479, см. также эту запись в блоге для получения подробных сведений). В частности:
  • Тип tabs.Tab (en-US) получил свойство successorId, используемое для хранения/получения ID вкладки-наследника.
  • Колбэк обработчика событий tabs.onActivated (en-US) получил новый параметр, previousTabId, содержащий ID предыдущей активированной вкладки, если она всё ещё открыта.
  • Объект updateProperties функции tabs.update() (en-US) обзавёлся новым свойством successorTabId, которое служит для его обновления.
  • successorTabId также возвращается функциями наподобие tabs.get() и tabs.query() (en-US).
  • Новая функция tabs.moveInSuccession() позволяет массово манипулировать наследниками вкладок.

Без изменений.

• Версия для Android теперь поддерживает свойства headerURL/theme_frame для тем Webextension (en-US) (баг 1429488).

• Совместимость сайтов с Firefox 65