Как стать автором
Обновить
0
Рейтинг

Safari

Браузер, разработанный корпорацией Apple

Сначала показывать
Порог рейтинга

Проблема с использованием тега img и picture в Safari

Разработка веб-сайтов *Программирование *Safari Браузеры ReactJS *
Из песочницы

Данная статья описывает баг и его решения в контексте ReactJS + Server-Side Rendering, но это также актуально для всех фреймворков большой тройки так и для чистого JS.

При разработке сайта мы столкнулись с проблемой, что при использовании тега <img> на некоторых страницах Safari загружал изображение несколько раз вместо одного. Для отображения картинок мы использовали тег <img> с атрибутом srcset, что бы показывать картинки разного разрешения для экранов с высоким ppi.

Читать далее
Всего голосов 6: ↑6 и ↓0 +6
Просмотры 2K
Комментарии 0

Новости

Уязвимость Safari 15 может легко раскрыть вашу личность любому веб-сайту

Блог компании SkillFactory Информационная безопасность *Safari Браузеры Читальный зал
Перевод

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

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

Читать далее
Всего голосов 17: ↑15 и ↓2 +13
Просмотры 6.8K
Комментарии 3

Мы должны сказать спасибо KDE за современный веб

Safari Google Chrome История IT

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

Читать далее
Всего голосов 95: ↑93 и ↓2 +91
Просмотры 31K
Комментарии 114

PWA: не Chrome'ом единым?

Разработка веб-сайтов *JavaScript *Safari Google Chrome Разработка мобильных приложений *

Я уже публиковал свою точку зрения, что Progressive Web Applications - это, прежде всего, технология для мобильных устройств. Основная особенность классических web-приложений - это клиент-серверная архитектура, а основная особенность "прогрессивных" web-приложений - возможность работы в offline. Понятно, что это очень сильно разные подходы в архитектуре - "всегда на связи" и "всё своё с собой". Совместить два таких разных подхода в одном приложении "это очень дорого и ни к чему".

Отталкиваясь от этой своей точки зрения, я решил посмотреть текущую статистику по браузерами - какие на данный момент у PWA-приложения возможности стать популярным и на какие браузеры оно должно ориентироваться. Данные для публикации взяты с сайта gs.statcounter.com

Читать далее
Всего голосов 7: ↑6 и ↓1 +5
Просмотры 6.6K
Комментарии 26

Как баг с потерянными днями рождения привёл нас в историю СССР

Разработка веб-сайтов *Safari Разработка мобильных приложений *

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

Читать далее
Всего голосов 17: ↑16 и ↓1 +15
Просмотры 13K
Комментарии 14

Обновленный браузер Safari: как быть маркетологам

Safari Google Chrome Медийная реклама *Контекстная реклама *Повышение конверсии *
Recovery mode
Из песочницы

Что произошло?


16 сентября вышла новая версия операционной системы iOS 14 для мобильных устройств экосистемы Apple. Обновился также и встроенный браузер Safari — не только на смартфонах и планшетах, но и на ноутбуках и десктопах. В новой версии браузера появился встроенный функционал блокировки трекинговых пикселей на сайтах для лучшей защиты пользовательских данных. Блокируются популярные пиксели для веб-аналитики

Читать дальше →
Всего голосов 25: ↑16 и ↓9 +7
Просмотры 9.9K
Комментарии 25

Как мы в ZeroTech подружили Apple Safari и клиентские сертификаты с websocket-ами

Блог компании ZeroTech Safari Nginx *Apache *Lua *
Статья будет полезна тем, кто:

  • знает, что такое Client Cert, и понимает для чего ему websocket-ы на мобильном Safari;
  • хотел бы публиковать web-сервисы ограниченному кругу лиц или только себе;
  • думает, что всё уже кем-то сделано, и хотел бы сделать мир немного удобнее и безопаснее.

История веб-сокетов началась примерно 8 лет назад. Ранее использовались методы вида долгих http-запросов (на самом деле ответов): браузер пользователя отправлял запрос на сервер и ждал, пока он ему что-то ответит, после ответа подключался вновь и ждал. Но потом появились веб-сокеты.
Читать дальше →
Всего голосов 1: ↑1 и ↓0 +1
Просмотры 890
Комментарии 0

Extended Validation не работает

Firefox Информационная безопасность *Safari Google Chrome Браузеры
Перевод
Сертификаты расширенной проверки («EV») являются уникальным типом сертификата, выдаваемого удостоверяющими центрами после более тщательной проверки объекта, запрашивающего сертификат. В обмен на эту более строгую проверку, браузеры показывают специальный индикатор, например, зеленую полосу, содержащую название компании, или, в случае Safari, полностью заменяют URL на название компании.

Как правило, этот процесс работает достаточно хорошо, и ошибочно выпущенных сертификатов немного. Однако проблем хватает с лихвой. EV сертификаты содержат информацию о юридическом лице, стоящем за сертификатом, но не более того. Наименование юридического лица, однако, может быть достаточно вариативным; Например, Джеймс Бертон недавно получил EV сертификат для своей компании «Identity Verified»(англ. Подлинность проверена — прим. перев.). К сожалению, у пользователей просто нет возможности увидеть и разобраться в таких особенностях, и это создает значительный простор для фишинга.
Читать дальше →
Всего голосов 14: ↑14 и ↓0 +14
Просмотры 4.9K
Комментарии 13

Эксплуатация Heap Overflow с использованием JavaScript

Информационная безопасность *JavaScript *Safari
Перевод

От переводчика


В данном исследовании авторы раскрывают интересную технику эксплуатации переполнения памяти кучи. Разумеется, данная уязвимость давно исправлена, но сама представленная техника очень интересна, а процесс переполнения довольно детально расписан.
Если вам интересна информационная безопасность и вы хотели бы понять как происходят переполнения, которые то и дело мелькают в сводках новостей, исследование вам понравится.

Предисловие


В этой статье представлен новый метод эксплуатации переполнения кучи (heap
overflows) в интерпретаторах JavaScript. Вкратце, для получения heap
overflow можно использовать команды JavaScript для обеспечения надежного отображения указателя функции сразу после переполнения буфера. В данном учебном исследовании используется техника для Safari, которую авторы использовали для победы в конкурсе CanSecWest 2008 Pwn2Own.
Читать дальше →
Всего голосов 7: ↑7 и ↓0 +7
Просмотры 6K
Комментарии 0

iOS Safari 11 теперь умеет WebRTC

Блог компании Flashphoner JavaScript *Программирование *Safari Браузеры

Пару недель назад состоялся релиз новых айфонов и iOS 11, который невозможно было не заметить. C релизом произошло еще одно, безусловно важное для разработчиков, событие: в браузере Safari появилась долгожданная поддержка WebRTC.

Вообразите на минуту, миллионы айфонов и айпадов по всему миру стали уметь реалтаймовое аудио и видео в браузере. Пользователям iOS и Mac стали доступны полнофункциональные браузерные видеочаты, воспроизведение живых трансляций с низкой (менее секунды) реалтаймовой задержкой, звонки, конференции и многое другое. К этому долго шли и наконец это случилось.
Читать дальше →
Всего голосов 6: ↑6 и ↓0 +6
Просмотры 14K
Комментарии 1

Safari 11 и WebRTC: подводные камни видеозвонков

Блог компании Voximplant Разработка веб-сайтов *JavaScript *Программирование *Safari
Итак, это свершилось. Кроме iPhone 8, который устарел ровно через полчаса после анонса iPhone 10, Apple обновила свой десктопный и мобильный браузер Safari. Среди прочих улучшений — реализация WebRTC (ходят слухи, что частично позаимствованная у Chromium. «Plan B» на это тоже намекает). Что это значит для разработчиков? Можно звонить через браузер как на десктопе, так и на айфонах. Голосом и видео. Я уже писал про обновленные инструменты разработчика в браузере, а сейчас хочу поделиться, как это все работает в релизе. Мы уже обновили SDK Voximplant, проверили, как Safari звонит в Microsoft Edge, и вот что я хочу рассказать…
Всего голосов 40: ↑38 и ↓2 +36
Просмотры 9.1K
Комментарии 5

Новые инструменты Safari для отладки WebRTC

Блог компании Voximplant Разработка веб-сайтов *JavaScript *Программирование *Safari
image

Совсем недавно Apple анонсировала поддержку WebRTC в Safari. Слухи ходили несколько лет, и теперь мы знаем: осенью WebRTC будет доступна для всех основных браузерах: Chrome, Firefox, Safari и Edge. С подводными камнями и несовместимостями. Технология очень крутая и позволяет передавать peer-to-peer между браузерами голос, видео, экран или произвольные данные. Ее использует «Skype for Web», «Hangouts» и другие известные коммуникаторы. А в новой версии Safari кроме самой WebRTC добавилось много плюшек для пользующихся ей разработчиков, о которых я расскажу под катом.
Читать дальше →
Всего голосов 33: ↑32 и ↓1 +31
Просмотры 4.9K
Комментарии 0

Selenium: для любителей яблок

Open source *Тестирование IT-систем *Safari Go *
Перевод

Привет! Это моя новая статья, посвященная Selenium. Ранее я уже подробно рассказал об организации масштабируемого кластера Selenium (часть I, часть II). Затем мы рассмотрели вопрос использования Selenium в качестве инструмента отладки автотестов (раз, два), Наконец, нам удалось создать порядок из хаоса на Windows (ссылка). Сегодня мы будем иметь дело с яблоками, точнее с одним большим Яблоком (т.е. с Apple).


Читать дальше →
Всего голосов 7: ↑6 и ↓1 +5
Просмотры 19K
Комментарии 8

CSS и iOS Safari

CSS *Safari Разработка под iOS *
image Доброго времени суток, дорогие хабрахабровцы!

Всегда хочется, что бы твой сайт выглядел одинаково хорошо на разных устройствах, включая и мобильные. Но, если поведение в браузерах Android во многом предсказуемо, то с iOS возникает ряд «сюрпризов». О них сегодня и поговорим!
Читать дальше →
Всего голосов 24: ↑23 и ↓1 +22
Просмотры 117K
Комментарии 31

Особенности –webkit-box или как «подружить» flexbox со старыми Safari

Разработка веб-сайтов *CSS *Safari HTML *
Tutorial
Уверен, многие Front End Developer-ы постоянно сталкиваются с проблемой поддержки flexbox в старых версиях популярных браузеров. Среди них выделяются два явных фаворита – Internet Explorer (IE) и Safari. С IE всё проще, т.к. flex поддерживается в версиях 10.0+. Версии ниже уже не актуальны, поэтому их часто игнорируют. В Safari же ситуация иная, поскольку поддержка современной спецификации flexbox (по мнению Caniuse.com) начинается с версии IOS Safari 9.2+.

image
Читать дальше →
Всего голосов 14: ↑11 и ↓3 +8
Просмотры 50K
Комментарии 15

Словарное расширение для браузера: больше, чем онлайн-переводчик

Блог компании Skyeng Safari Google Chrome Расширения для браузеров


У школы Skyeng есть расширение для веб-браузеров «Vimbox Переводчик», умеющее переводить английские тексты веб-страниц на русский язык. На первый взгляд, ничего особенного в этом нет, а подобных сервисов – пруд пруди, но в реальности эта штука очень важна для экосистемы школы, и мы надеемся, что она окажется полезна не только для наших учеников, но и для сторонних пользователей. Сегодня мы расскажем, почему мы так думаем, как мы разрабатывали это расширение, что оно умеет и над чем работает его команда в настоящий момент.
Читать дальше →
Всего голосов 11: ↑11 и ↓0 +11
Просмотры 17K
Комментарии 2

Почему я как разработчик ненавижу iOS

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

С позиции разработчика дела обстоят совсем иначе. Работать с iOS (а на самом деле, вообще, с Apple) — всё равно, что пытаться разговаривать с параноидальным роботом, действующим как известный советский пограничник из романа Кафки.
Читать дальше →
Всего голосов 127: ↑97 и ↓30 +67
Просмотры 67K
Комментарии 422

Судя по всему, лучшие времена браузера Safari позади

Safari


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

Если бы компания Apple была чуть менее амбициозна (что невозможно было представить при Джобсе) и сговорчива, Safari мог так и не появиться на свет. В начале 2000-х годов в компании решили, что любая зависимость от сильных конкурентов мешает развитию. Таким образом, в 2003 году Apple заняла жесткую и бескомпромиссную позицию по отношению к Microsoft, наотрез отказавшись продлевать свой контракт на использование микрософтовского браузера Internet Explorer для Mac OS X. Компания Джобса в тайне от всех создавала собственный интернет-браузер. Работа велась в атмосфере строжайшей секретности.
Читать дальше →
Всего голосов 52: ↑33 и ↓19 +14
Просмотры 56K
Комментарии 102

Позвольте представить, Shadow DOM API на основе слотов

JavaScript *Safari HTML *
Перевод
Предлагаю вашему вниманию перевод статьи «Introducing Slot-Based Shadow DOM API» автора Ryosuke Niwa, написанную им в блоге WebKit осенью прошлого года.

Мы рады анонсировать что базовая поддержка нового Shadow DOM API на основе слотов, которую мы предлагали в апреле (прим. переводчика: речь идёт об апреле 2015) уже доступна в ночных сборках WebKit после r190680. Shadow DOM это часть Веб Компонентов – набора спецификаций, изначально предложенных Google для того чтобы сделать возможным создание переиспользуемых виджетов и компонентов в вебе. Shadow DOM, в частности, предоставляет легковесную инкапсуляцию DOM дерева, позволяя создавать на элементе параллельное дерево, так называемое «теневое shadow дерево», с помощью которого изменяется отрисовка элемента без изменения DOM. Пользователи такого компонента не смогут ненароком что-то в нём изменить, ведь его shadow дерево не является привычным потомком элемента-хоста. Кроме того, действие стилей также ограничено областью действия (scope), а значит CSS правила, объявленные снаружи shadow дерева не применяются к элементам внутри такого дерева, а правила, объявленные внутри – к элементам снаружи.
Читать дальше →
Всего голосов 14: ↑11 и ↓3 +8
Просмотры 11K
Комментарии 8

Закладка в OS X, продлевающая работу от батарейки для избранных приложений

Информационная безопасность *Safari Google Chrome Разработка под MacOS *

Зачем 2 GPU?


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

Преимущество двух GPU в гибкости. Когда вам не нужна вся мощь видео системы, вы используете встроенное в процессор видео, наслаждаясь долгой работой от батарейки. Однако если вы захотели развлечься, то к вашим услугам мощный дискретный GPU. Да, он ест батарейку и жужжит вентиляторами, но дает хороший FPS в играх. Как же одному приложению переключать GPU?
Читать дальше →
Всего голосов 51: ↑51 и ↓0 +51
Просмотры 37K
Комментарии 10

Вклад авторов