Статьи

Что нового в Firefox 11

Февраль 17, 2019

Куда ушли последние шесть недель? После выхода Firefox 10 31 января 2012 года, Firefox 11 был выпущен 13 марта. Мы редко видим основные новые функции в Chrome, поэтому приятно обнаружить, что Mozilla добавила несколько новых игрушек для нас:

Редактор стилей

Firefox 11 предоставляет новый редактор таблиц стилей. Перейдите на любую страницу, затем выберите « Редактор стилей» в меню веб-разработчика или нажмите Shift + F7:

Редактор стилей Firefox

Хотя есть несколько превосходных надстроек, которые предлагают аналогичные функции — Firebug , панель инструментов веб-разработчика и собственный инструмент инспектора страниц Firefox — редактор стилей предназначен для редактирования стилей и делает это очень хорошо. Это основные преимущества:

  • отображаются все файлы таблиц стилей — вы можете отключить или включить любой из них, нажав значок «глаз»
  • сжатый CSS автоматически распаковывается
  • Вы можете добавить или импортировать дополнительные файлы
  • все изменения действительны — начните печатать, и страница будет немедленно перерисована
  • Вы можете сохранить любой файл на свой жесткий диск
  • это быстро и выглядит отлично.

Я фанат и обязательно буду использовать его в повседневной жизни.

Трехмерное представление структуры страницы «Tilt»

Tilt ранее был доступен в качестве дополнения. Доступ к нему осуществляется из инструмента «Инспектор», который теперь предлагает кнопку «3D» ( проверить из меню веб-разработчика , Ctrl + Shift + I или «Проверить» из контекстного меню):

Firefox 3D структура страницы

Представление складывает элементы, как они вложены в DOM, и отображает любые, которые скрыты или находятся вне страницы. Вы можете увеличивать и уменьшать масштаб, поворачивать и перемещать карту, используя +/-, a / d / w / s и курсоры. Он интегрирован с инспектором страниц, так что вы можете использовать элемент хлебные крошки и окна стиля, как и раньше.

Для просмотра 3D-страниц требуется графическая карта с поддержкой WebGL . Мой работает, и он запускает Trigger Rally без проблем, но по какой-то причине 3D-просмотр страниц не работает на моем ПК. Надеюсь, вам повезет больше.

CSS-свойство text-size-Adjust

text-size-Adjust или, более конкретно, -moz-text-size-Adjust — это нестандартное свойство, которое вызвало большую часть противоречий между поставщиками префиксов CSS . Apple представила это свойство для своих смартфонов и планшетов, но не представила его W3C. Тем не менее, это может измениться, теперь это реализовано Microsoft и Mozilla.

text-size-Adjust управляет тем, как мобильные устройства изменяют размер текста и отображают полосы прокрутки при масштабировании веб-страницы. Он может быть установлен для наследования, нет, автоматически или в процентах — страница MDN объясняет больше .

свойство externalHTML

externalHTML наконец-то добрался до Firefox — он доступен во всех конкурирующих браузерах и изначально был реализован в IE4.

Возможно, вы столкнулись с innerHTML, который может извлечь или заменить потомков элемента сериализованным фрагментом HTML, например 


<div id="myelement">
	<p>Hello</p>
</div>
<script>
var m = document.getElementById("myelement");
m.innerHTML = "<p>Goodbye</p>";
</script>

Полученный HTML: 

 
<div id="myelement">
	<p>Goodbye</p>
</div>

externalHTML похож на innerHTML за исключением того, что он может извлекать или заменять выбранный элемент, а также его потомков, например 

 
<div id="myelement">
	<p>Hello</p>
</div>
<script>
var m = document.getElementById("myelement");
m.outerHTML = "<p>Goodbye</p>";
</script>

Полученный HTML: 

 
<p>Goodbye</p>

div

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

Это не совсем все. А также несколько исправлений ошибок и улучшений скорости:

  • Синхронизация может синхронизировать ваши надстройки на разных устройствах.
  • Firefox теперь может переносить ваши закладки, историю и файлы cookie из Google Chrome.
  • Стандартные элементы управления видео HTML5 были переработаны.
  • Теги HTML5 правильно подсвечиваются при просмотре источника.
  • Файлы могут храниться в IndexedDB.
  • Префикс moz был удален из API Websockets.
  • При просмотре одного изображения по URL-адресу изображение теперь центрируется на сером фоне — попробуйте .

Несмотря на начальные проблемы с прорезыванием зубов, Firefox становится лучше с каждым выпуском. Если вы разочаровались в v4.0 + и мигрировали в другое место, я рекомендую вам попробовать еще раз.

32
Share: