Что нового в Chrome 37

Обозреватель интернета Chrome, 2 сентября отметил свой шестой год рождения. Браузер Chrome 37 дал нам возможность увидеть в действии новые технологии разработанные командой World Wide Web Consortium для всемирной паутины. В отличие от других обозревателей интернета, браузер Google Chrome стал наиболее усовершенствованным.

Поддержка Windows DirectWrite

Пользователи системы Windows за несколько лет наблюдали ужасные шрифты. По какой-то причине, хром 36 и ниже использовали древние интерфейс для графических устройств отображения текста, по сравнению с другими браузерами это не хорошо. После тщательного инженерного обновления, Chrome 37 теперь использует DirectWrite для улучшения качества и быстрого выполнения шрифтов.

Произвольные формы CSS

CSS Shapes позволяет обтекание текста внутри или снаружи элемента, в виде круга, эллипса или многоугольника. Как только CSS Shapes будет поддерживаться всеми браузерами, разнообразные формы будут применяться для оформления веб-страниц! CSS Shapes становится одной из приоритетных задач для других производителей браузеров.

Пример CSS shapes в Сhrome 37
Пример CSS shapes в Сhrome 37

Элемент HTML5 <dialog>

Элемент HTML5 <dialog> имеет неоднозначную историю. Первоначально элемент <dialog> был предназначен для общения, но пять лет назад был исключен из спецификации. Новые функциональные возможности гораздо более полезны; на странице Вы можете создавать всплывающие окна с диалогом, не прибегая к сложным CSS или jQuery.

На момент написания этой записи, только хром 37+ поддерживает элемент HTML5 <dialog>. Для других браузеров был выпущен polyfill, хотя спецификация находится в состоянии разработки элемент dialog с polyfill работает хорошо.

Вот демонстрация которая должна работать в Chrome 37+:

Диалог может быть добавлен в качестве родительского элемента для любого документа HTML. Метод должен иметь атрибут, значение диалог, и например кнопку отправить, для обеспечения формы данными не вызывая страницу на которой находится форма.



<dialog id="myDialog">
  <form method="dialog">
  <div>
  <p><label>Имя: <input name="name" id="name" /></label></p>
  <button type="submit">Отправить</button>
  </div>
  </form>
</dialog>
 
<button id="showDialog">Диалог</button>

<script>document.getElementById("showDialog").onclick = function() {
  document.getElementById("myDialog").showModal();
};</script>


Для получения дополнительной информации смотрите страницу HTML5 dialog в документе.

Web Cryptography API

В спецификации о Web Cryptography API написано так:

JavaScript API для выполнения базовых криптографических операций в веб-приложениях, таких как хеширования, генерации и проверки подписи, шифрование и дешифрование.

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

Некоторые элементы Web Cryptography API поддерживаются также IE11.

Прочие обновления в Chrome 37

Более мелкие обновления в Chrome 37:

  • Без префиксов zoom-in и zoom-out стили курсора CSS3.
  • Сенсорные события координат теперь в значении Double , а не длинные.
  • Суб-пиксель, масштаб шрифта позволяет плавную анимацию текста между размерами шрифта.
  • По умолчанию Windows моноширинный шрифт теперь Consolas , а не Courier New .
  • Количество ядер в вашем устройстве может быть получено с использованием navigator.hardwareConcurrency . (незаменимая вещь для онлайн игр)

Заключение

Chrome стал наиболее часто используемым обозревателем интернета как для ПК, так и для мобильных устройств. Пользователям интернета Chrome 37 открывает новые возможности для просмотра веб-страниц.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML -теги и атрибуты: <a href= http://pixelcom.crimea.ua/"" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>