Pull to refresh

Краткий обзор Safari 5.1 Developer Preview

Reading time2 min
Views1.9K
Safari 5.1 About
Сегодня поутру обнаружил письмо от Apple, в котором сообщалось о новом Safari, доступном для пользования девелоперов. Мне стало интересно, и решил немного покрутить его.


Где взять?


Чтобы получить новую версию Safari, нужно зарегистрироваться в центре разработчиков Safari, это бесплатно, но нудно, придется ответить на тучу вопросов.

UPD: Еще, как отметил AlieNCrazY, новую версию можно скачать на сайте iMZDL.

Поддержка WebGL


В новой версии сразу попался на глаза новый пункт в девелопер меню, Enable WebGL, c него я и начал. Для проверки зашел на Google Body — работает весьма шустро, никаких существенных недочетов я не заметил, и памяти особо много не потребляет.

google body

Reading list


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

слева панель reading list list-а

HTML5


Новый сафари берет 273 балла по html5test-у — это на 45 выше чем прошлая версия, теперь он обгоняет FF имеющий 255 балла, но недотягивает до хрома, последняя бета которого, берет 293.

результаты html5test

Из нового, добавилась, поддержка:
  • WebGL
  • Math ML
  • WebM-формат
  • WOFF
  • CSS3 Автоперенос слов

Хотя MathML сыроват походу, немного криво отображает формулы:
image

Новые API


В новам сафари, наконец-то, добавилась нормальная поддержка Fullscreen-а. Для этих целей Apple предоставляет нобор новых функций:
  • Document.onwebkitfullscreenchange
  • Document.webkitCancelFullScreen()
  • Document.webkitCurrentFullScreenElement
  • Document.webkitFullScreenKeyboardInputAllowed
  • Document.webkitIsFullScreen Element.onwebkitfullscreenchange
  • Element.webkitRequestFullScreen()

и CSS псевдо-классы:
  • :-webkit-full-screen-documen
  • :-webkit-full-screen

Кроме этого добавились:
  • Новые события для окон и табов
  • Reader API — reader, если кто еще не знает, — это возможность срендерить из страницы удобную для чтения статью без рекламы, меню и прочего, вот для него и API.
  • Menus API — API для создания меню плагина в настройках сафари.
  • Popovers API — API для работы с вот такими окошками:
    image
    (дополнение от хабраюзера CLR)


Также стоит добавить, что теперь процесс рендринга отделен от процесса приложения. Плагины (не extensions) также изолированы. Очевидно, это результат продолжения их допиливания песочницы (дополнение от хабраюзера CLR).

Developer tools


developer menu
Вот новшевства, которые я обнаружил тут:
  • Инспектор теперь начал по умолчанию вываливаться в новом окне.
  • Меню ресурсов теперь сделано как в хроме, с разбиением на категории (наконец-то!)
  • Появилась возможность включать и выключать дебаг и профилинг прямо из меню (наконец-то!)
  • Появился пункт Send Do Not Track HTTP Headers. Суть его в том что при посещении страницы браузер указывает в заголовке, чтобы сайт на следил за ним, и не отслеживал его переходы. Соблюдение этого правила, на сколько я понял, остается на совести разработчика этого сайта, никаких дополнительных мер безопасности со стороны браузера походу нету.
Tags:
Hubs:
Total votes 45: ↑36 and ↓9+27
Comments45

Articles