Что нового в Firefox 34

Хотя проблема не совсем решена, Firefox 34 показывает сообщение, которое позволяет вам завершить процесс.

CSS Обновления

Был добавлен ряд новых функций уровня 3 шрифтов CSS:

• font-kerning контролирует, как буквы располагаются: auto , normal или none .
• font-synthesis контролирует, как font-synthesis отсутствующие полужирные или курсивные шрифты: none (ни none не должен быть синтезирован), weight , style или weight style (оба могут быть синтезированы).
• font-variant-position может быть установлен в нормальное, суб и супер, чтобы определить символы нижнего и верхнего индексов соответственно. Firefox пытается использовать правильные глифы для шрифта, такие как символ ^{2 в} квадрате. Там, где этого не существует, теперь будут создаваться синтетические альтернативы.
• font-variant-caps контролирует альтернативные глифы для заглавных букв, например, маленькие заглавные буквы, заглавные буквы.
• font-variant-numeric элементы управления альтернативные глифы для чисел, дробей и порядковых маркеров, например, косая ноль, диагональные дроби, сложенные дроби и т. д.
• font-variant-east-asian контролирует альтернативные символы для восточно-азиатских шрифтов, таких как китайский и японский, например, упрощенный, традиционный, jis90 и т. д.
• font-variant-ligatures контролирует типографские лигатуры, в которых две или более буквы объединяются в один глиф, например, общие лигатуры, исторические лигатуры и т. д.
• font-variant-alternates управляет альтернативными символами, связанными с альтернативными именами, определенными @font-feature-values .
• поддерживается font-variant который является сокращением для font-variant-caps , font-variant-numeric , font-variant-alternates , font-variant-ligatures и font-variant-east-asian .

Кроме того, ряд незначительных обновлений и исправлений были применены к min-width , max-width и переходам, которые изменяют отображение, положение или переполнение.

Обновления JavaScript

Шаблоны — это строки, содержащие другие переменные, которые анализируются — аналогично вычислению строк в двойных кавычках в PHP. Шаблонные строки заключаются в кавычки (`) и используют ${} для хранения каждого выражения, например

 var a = 5, b = 10; console.log(`Fifteen is ${a + b} and not ${2 * a + b}.`); // same result as: console.log("Fifteen is " + (a + b) + " and not " + (2 * a + b) + "."); 

Теперь можно использовать новую стенограмму ES6 для функций. Например, а не:

 var myObject = { methodOne: function() {}, methodTwo: function() {}, generator: function*() {} }; 

ты можешь использовать:

 var myObject = { methodOne() {}, methodTwo() {}, * generator() {} }; 

Метод Object.assign копирует перечисляемые и собственные свойства из одного или нескольких исходных объектов в целевой объект, не требуя собственных рекурсивных циклов, например

 var o1 = { a: 1 }, o2 = { b: 2 }, o3 = { c: 3 }; var obj = Object.assign(o1, o2, o3); console.log(obj); // { a: 1, b: 2, c: 3 } 

Метод Element.matches() возвращает true, если элемент будет выбран указанной строкой селектора, например

 var e = document.getElementById("myelement"); console.log( e.matches("body #myelement") ); // true console.log( e.matches("#anotherelement") ); // false 

Метод Performance.now() возвращает метку даты с плавающей запятой, измеренную в миллисекундах с точностью до одной тысячной миллисекунды! Это похоже на менее точный Date.now() который возвращает целые миллисекунды. Нулевое значение представляет:

• эпоха Unix 1 января 1970 года
• если работает от веб-работника, момент, когда работник начал
• если запущен из веб-работника, созданного другим работником, время эпохи родительского работника

(Еще не документировано) были добавлены методы плавной прокрутки в window.scroll() , window.scrollTo() и window.scrollBy() . Пора!

Наконец, ES6 слабым был реализован.

Обновления Инструмента разработчика

Новый инспектор хранилища позволяет просматривать данные сайта в файлах cookie, localStorage, sessionStorage и IndexDB. Его необходимо включить, открыв инструменты, щелкнув значок «Настройки» и отметив опцию « Хранилище» .

Пока вы находитесь в настройках, включите опцию Выбрать фрейм в качестве текущего целевого документа . Это позволяет изучать содержимое iframe отдельно, а не просматривать его как дочерний элемент родительского документа.

Инспектор страниц показывает события, прикрепленные к узлам DOM, со значком ev . Однако в предыдущих выпусках событие, определенное с использованием jQuery, показывало внутренние функции-обработчики jQuery. Начиная с версии 34, Инспектор показывает функцию родительского обработчика, что гораздо более полезно.

Инструмент Performance и временная шкала частоты кадров были переработаны, чтобы помочь оценить отзывчивость.

Консоль теперь поддерживает console.table, который может быть полезен для вывода структурированных данных, хранящихся в массивах и объектах.

Наконец, вы можете получить доступ к контроллеру Web Audio и WebIDE, как это предусмотрено в Firefox Developer Edition .

Если этого недостаточно, новый API dev / panel позволяет создавать собственные расширения и плагины Developer Tool. Дни Firebug сочтены?

Разные обновления

И это еще не все …

• Новая кнопка Темы отображается в Настройке.
• Реализация HTTP / 2.
• Википедия использует HTTPS для безопасного поиска (опять же, по какой-то причине только для США?)
• полноэкранное видео отключает режим сна и затемнение экрана на Mac.
• (Еще один) редизайн для версии Android.
• Firefox на Android поддерживает зеркалирование для устройств Google Chromecast.
• Различные исправления безопасности .

Уф. Это впечатляющее количество обновлений для шестинедельного графика разработки.

Это первые годы, но Firefox 34 также кажется немного быстрее и стабильнее, чем версия 33. Возможно, это комбинация надстроек, которые я использую, но у меня возникали различные проблемы и сбои, и я рассматривал возможность перехода на v32. Надеюсь, основные проблемы исправлены.

В то время как переключение Yahoo по большей части не имеет значения, и я немного встревожен количеством функций только для США, Firefox 34 — отличное обновление. Firefox 35 появится в начале 2015 года.