Safari

Итак, это свершилось. Кроме iPhone 8, который устарел ровно через полчаса после анонса iPhone 10, Apple обновила свой десктопный и мобильный браузер Safari. Среди прочих улучшений — реализация WebRTC (ходят слухи, что частично позаимствованная у Chromium. «Plan B» на это тоже намекает). Что это значит для разработчиков? Можно звонить через браузер как на десктопе, так и на айфонах. Голосом и видео. Я уже писал про обновленные инструменты разработчика в браузере, а сейчас хочу поделиться, как это все работает в релизе. Мы уже обновили SDK Voximplant, проверили, как Safari звонит в Microsoft Edge, и вот что я хочу рассказать…

Совсем недавно Apple анонсировала поддержку WebRTC в Safari. Слухи ходили несколько лет, и теперь мы знаем: осенью WebRTC будет доступна для всех основных браузерах: Chrome, Firefox, Safari и Edge. С подводными камнями и несовместимостями. Технология очень крутая и позволяет передавать peer-to-peer между браузерами голос, видео, экран или произвольные данные. Ее использует «Skype for Web», «Hangouts» и другие известные коммуникаторы. А в новой версии Safari кроме самой WebRTC добавилось много плюшек для пользующихся ей разработчиков, о которых я расскажу под катом.

С позиции пользователя, iOS — выдающаяся платформа. Возможно, несколько монотонная и жёсткая, но привлекательная и надёжная (в основном).

С позиции разработчика дела обстоят совсем иначе. Работать с iOS (а на самом деле, вообще, с Apple) — всё равно, что пытаться разговаривать с параноидальным роботом, действующим как известный советский пограничник из романа Кафки.

Зачем 2 GPU?

Ноутбуки с двумя GPU появились уже очень давно. Первый MacBook Pro с такой технологией вышел еще в 2008 году.

Преимущество двух GPU в гибкости. Когда вам не нужна вся мощь видео системы, вы используете встроенное в процессор видео, наслаждаясь долгой работой от батарейки. Однако если вы захотели развлечься, то к вашим услугам мощный дискретный GPU. Да, он ест батарейку и жужжит вентиляторами, но дает хороший FPS в играх. Как же одному приложению переключать GPU?

Во вчерашнем посте про браузер Vivaldi опять всплыла тема нормального выделения текста внутри ссылки, как в старой Опере. Особенно она актуальна для браузеров на WebKit/Blink.

Для многих проблема решается установкой специального расширения для браузера.

Компания Apple осталась единственной крупной компанией, которая занимается разработкой Open Source движка WebKit. После ухода Google разработчики из Apple объявили о «весенней зачистке» и удалении из проекта ставшего ненужным кода, в том числе чужого JavaScript-движка V8.

В течение ближайших недель будут зачищены:

• Нарушения иерархических представлений (layering violations) в WebCore/platform, где Page* или Frame* можно было передать функции
• Supplementable и Supplement
• #if USE(GOOGLEURL)
• #if USE(V8)
• #if !USE(JSC)
• #if PLATFORM(CHROMIUM)
• Skia
• DOMFileSystem
• WebLayer и его реализацию скроллинга
• Функции #defines, которые не пользуются популярностью

Джофф Гарен (Geoff Garen) из компании Apple обнаружил вызов Sleep() в спинлоке функции TCMalloc сборщика мусора WebKit.

 -#if OS(WINDOWS)
-    Sleep(2);
-#else
-    struct timespec tm;
-    tm.tv_sec = 0;
-    tm.tv_nsec = 2000001;
-    nanosleep(&tm, NULL);
-#endif

После удаления Sleep производительность сборщика в определённых условиях выросла в 3,7 раза. Это наглядный пример, как одна маленькая оптимизация способна в несколько раз повысить производительность.

Уже было сказано довольно много слов про новую версию iOS и её бета-релиз. Однако, за кадром остались новые интересные возможности мобильной версии Safari о которых просто нельзя не рассказать. Но обо всём по порядку.

Данная статья изначально планировалась как перевод, но подготовленного материала хватило на самостоятельную статью. Для тестирования возможностей использовались iOS 6 beta 1 и Safari 6 developer preview for Mac. И то и другое доступно для скачивания для зарегистрированных разработчиков Apple.

Сегодня поутру обнаружил письмо от Apple, в котором сообщалось о новом Safari, доступном для пользования девелоперов. Мне стало интересно, и решил немного покрутить его.

Делать было нечего, решил написать расширение для любимого Habrahabr'а для только что вышедшего браузера. А то для Firefox есть, для Opera что-то тоже вроде бы есть, для Хрома тоже вроде, а вот для Safari точно нету, а нас Яблочников довольно много на Хабре.

И так это что-то типа версии 1.0, дальше будет более глубокое исчисление.

Занимаясь экспериментами с HTML и CSS, нашёл способ удалённо закрыть у пользователя браузер Safari.

Простое открытие страницы со следующим кодом просто крашит браузер, при чём как в ОС Windows XP SP2, так и в MacOS X Leopard 10.5.5.

<style>
wbr { position: absolute; }
</style>

<wbr />

Баг проявляет себя на последней версии Safari (3.2.1) и в предыдущих (как минимум, 3.1.2).

Посмотреть на практике можно здесь: grinchik.ru/side/crash-safari.html

Если при установке читать лицензинное соглашение то можно заметить:

«2. Permitted License Uses and Restrictions.
This License allows you to install and use one copy of the Apple Software on a single Apple-labeled computer at a time. The Apple Software may be used to reproduce materials so long as such use is limited to reproduction of non-copyrighted materials, materials in which you own the copyright, or materials you are authorized or legally permitted to reproduce. This License does not allow the Apple Software to exist on more than one computer at a time, and you may not make the Apple Software available over a network where it could be used by multiple computers at the same time. You may make one copy of the Apple Software in machine-backup copy must include all copyright or other proprietary notices contained on the original.»

Получается все нарушают лицензионное соглашение устанавливая Safari на Windows… Для iTunes же все нормально, установка на Win не нарушает лицензию.

Как они могли так проглядеть?

via 9to5mac

Последняя версия web-браузера Safari включает в себя новейшие возможности HTML и CSS, имеющиеся в механизме Webkit.

CSS Animation — трансформации и анимации на основе CSS (пример можно посмотреть — здесь).
Поддержка HTML5 — новые тэги «video» и «audio», позволяющие с легкостью вставлять аудио или видео файлы в страницы. Пример можно посмотреть здесь.

Пользователь Flickr darknesis столкнулся с интересной проблемой: он взял изображение в формате RAW и экспортировал его в JPG, средствами iPhoto. И получил следующий картинку на разных браузерах под OS X (слева FireFox, справа Safari)

Если вы загружаете фото с приложенным цветовым профилем, Safari его обработает, а другие браузеры проигнорируют этот профиль. Если вы сохраняете фото через опцию “Сохранить для Web” в Photoshop, то Photoshop уберет цветовой профиль и фото будет одинаково отображаться во всех браузерах.
Вероятнее всего, что у изображения профиль adobeRGB с более широкой цветовой гаммой.

via Safari