Прошло еще шесть недель, так что пришло время для новой версии Firefox. Версия 19 появилась 19 февраля 2013 года. Если она не была установлена автоматически, посмотрите Справка> О Firefox или зайдите на getfirefox.com . Давайте отправимся в путешествие по новым функциям …
Родной Просмотрщик PDF
Я никогда не понимал необходимость просмотра PDF. Плагины могут быть медленными, нестабильными и недоступными на некоторых платформах, но я обычно загружаю или избегаю документы PDF, где это возможно. Тем не менее, Mozilla сделала большую работу встроенного зрителя. Это быстрее, чем рендеринг Adobe, и конвертирует документы в HTML5, который вы можете проверить (не то, что вам захочется — это беспорядок) .
CSS3 Viewport Percentage Поддержка
Firefox 19 теперь поддерживает новые элементы vh, vw, vmin и vmax. Обратитесь к Новым CSS3 Относительным Размерам шрифтов для получения более подробной информации.
Устройства теперь имеют полную поддержку в Firefox, Chrome, Safari и IE10 с частичной поддержкой в IE9. Недавний переход Opera на WebKit неизбежно будет включать эту функцию.
@page Поддержка печатных документов
@page позволяет вам задавать поля или разрывы печатных страниц, например
@page
{
margin: 30mm 50mm;
}
Обратите внимание, что за @page могут следовать: first,: left или: right для нацеливания на определенные страницы, но это еще не было реализовано в Firefox.
Экспорт содержимого холста в изображение
Сгенерированное графическое содержимое элемента canvas теперь можно экспортировать в блоб изображения с помощью метода toBlob:
toBlob(callback [, imagetype]);
Экспорт выполняется асинхронно, поэтому для обработки полученного изображения требуется функция обратного вызова. По умолчанию изображения экспортируются в 24-битный PNG без потерь, но при необходимости вы можете указать JPG, например
// JPEG at 90% quality
toBlob(callback, "image/jpeg", 0.9);
Этот простой пример копирует холст в новый элемент изображения на странице:
var canvas = document.getElementById("canvas");
canvas.toBlob(function(blob) {
var newImg = document.createElement("img"),
url = URL.createObjectURL(blob);
newImg.onload = function() {
// revoke blob after use
URL.revokeObjectURL(url);
};
newImg.src = url;
document.body.appendChild(newImg);
});
Обновленные инструменты разработчика
Хотя Firebug превзойти сложно, Mozilla добавила в Firefox целый ряд отличных инструментов для разработчиков. Отладчик JavaScript теперь позволяет приостанавливать исключения, и вы можете скрывать не перечисляемые свойства. Кроме того, ссылки CSS в веб-консоли теперь открываются в редакторе стилей.
Также была добавлена экспериментальная удаленная веб-консоль, которая может подключаться к Firefox Mobile на Android или Firefox OS. Он должен быть включен в about: config — установите для devtools.debugger.remote-enabled значение true.
Разные улучшения
Под капотом есть ряд небольших обновлений:
- более высокая производительность при запуске
- поддержка темы возвращается
- функция CSS calc () теперь может использоваться в градиентных цветовых ограничениях.
- поддержка преобразования текста: полная ширина, которая в основном используется для азиатских наборов символов
- Метод canvas
isPointInStroke - CSS -поддержка разрыва страницы для контроля разрывов в печатных документах
- CSS Flexbox был без префикса, но по умолчанию остается отключенным
- XForms был удален, но вы все равно не использовали его.
- минимальное требование к ЦП было снижено до 600 МГц, и
- несколько сотен ошибок были устранены
Firefox уступает позиции Chrome, но браузер более чем соответствует предложению Google. Это конечно хорошо работает на Windows, но есть ли у кого-то проблемы на Mac или Linux?