Наглядная демонстрация того, как браузеры боролись за популярность среди пользователей.

#браузеры #история

​​Вышла первая стабильная версия браузера Brave: https://tprg.ru/pakb

Его разрабатывали 4,5 года под руководством Брендена Айка, создателя JavaScript и бывшего руководителя Mozilla.

Brave основан на Chromium, но заточен под приватность и удобство пользователя. В него встроены и включены по умолчанию блокировки рекламы, трекеров и майнеров.

#браузеры

Огромная статья, автор которой рассказывает про внутреннее устройство современных веб-браузеров: https://tprg.ru/cIHw

Сохраняйте в закладки, потому что за один подход вряд ли осилите всю статью.

* на картинке в посте рассмотрено поверхностное устройство браузера веб-разработчика.

#браузеры

​Сегодня рассказываем про директиву stale-while-revalidate HTTP-заголовка Cache-Control.

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

Вот пример от ребят из Google:
cache-control: private, max-age=900, stale-while-revalidate=3600

Такой заголовок они добавили для скрипта gpt.js, который используется для показа рекламы. Если файл запрашивается между 15 и 60 минутами, после того как он попал в кэш, будет использоваться устаревшая версия, но в фоне скрипт будет обновлён и закэширован для использования в будущем. Добавление заголовка ускорило начальную загрузку скрипта на 2% и на 0,5% увеличило доход с рекламы.

Директива stale-while-revalidate не входит в основной стандарт, однако уже поддерживается в FF, Chrome и Edge (в целом 67% юзеров по миру на момент публикации поста).

#http #браузеры

В инструментах разработчика Google Chrome есть возможность скопировать любой запрос на вкладке Network в виде команды cURL. Все заголовки и кукисы включены т.е. можно полностью повторить HTTP-реквест вне браузера.

Но можно ещё круче. Берём команду cURL из буфера и вставляем вот тут: https://curl.trillworks.com/. Получаем готовый код на Pyhton, Go, PHP или на чём вы там сейчас пишите.

Это удобно, когда работаете с сайтами, которые проверяют заголовки или ещё какие-то условия, которые просто так сразу не видно.

#chrome #браузеры

Улучшение совместимости Chromium

Разработчики браузера рассказали, какие проблемы совместимости будут исправлены в 2020 году.

Так, например, идёт работа над CSS Grid, Flexbox, элементами управления форм и даже скроллингом. Команда Chromium не из робкого десятка: ребята сами просят пользователей указывать на различные ошибки. С этой целью вы можете тегать их в Twitter, заводить тикеты и проходить небольшие опросы.

Более подробная информация и дополнительные ссылки лежат в статье:

https://tprg.ru/jJ3K

#браузеры

Компания Google выпустила Chrome 86

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

— Функция Safety Check, предупреждающая о небезопасных комбинациях логин/пароль, теперь доступна в мобильных версиях Chrome.
— Появилось предупреждение об отправке заполненных данных через незашифрованный канал связи.
— В контекстном меню по умолчанию есть опция «Всегда показывать URL полностью».
— Предусмотрена блокировка небезопасной загрузки архивов и вывод предупреждения при небезопасной загрузке документов.
— Для небольшого процента пользователей запущен эксперимент по отображению по умолчанию в адресной строке только домена.
— По умолчанию доступен File System Access API, позволяющий создавать приложения для взаимодействия с локальными файлам.

Кроме того, добавлен CSS-селектор :focus-visible, поддержка псевдоэлемента ::marker для стилизации маркеров списка, изменено кодирование пробела в URL с «+» на «%20», расширены инструменты для web-разработчиков и многое другое. Выпуск Chrome 87 запланирован на 17 ноября.

Подробнее: https://tprg.ru/HwZY

#браузеры #chrome

Разделение кэша в Chrome 86

Теперь кэш браузера будет разделяться, чтобы улучшить приватность и безопасность. У кэшированных ресурсов появятся ключи, которые помогут исключить некоторые виды анализа и атак со стороны злоумышленников, а именно:

— определение посещённых сайтов;
— межсайтовый скриптинг;
— межсайтовое отслеживание.

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

Подробнее о новом кэшировании в Google Chrome 86:
https://tprg.ru/GjWL

#браузеры #chrome

Проекты и инструменты для работы с Chrome DevTools

В подборку вошли тулзы для:

— форматирования объектов;
— проверки сети;
— профилирования процессора;
— временных графиков и трассировки;
— интеграции отладчика Chrome с IDE.

В статье вы также найдёте информацию о протоколе Chrome DevTools, библиотеки для работы с ним, адаптеры браузеров и расширения инструментов разработчика:

https://tprg.ru/HBmW

#браузеры #chrome

Релиз Firefox 83 с включённым по умолчанию JIT-компилятором

Основными преимуществами новой технологии являются сокращение времени загрузки страниц и снижение потребления памяти компьютера. Также в разделе настроек конфиденциальности появился режим HTTPS Only, при активации которого все http-сайты автоматически открываются с использованием протокола https.

Подробнее об обновлениях читайте в нашей статье:
https://tprg.ru/fZ1w

#браузеры #firefox

Обновление Google Chrome увеличило время работы ноутбуков от одного заряда

Теперь портативные компьютеры смогут работать на 1.25 часа дольше в режиме веб-сёрфинга. С производительностью у обновлённого Chrome также полный порядок: по заверениям поискового гиганта, браузер стал запускаться на 25% быстрее, а скорость открытия новых вкладок увеличилась на 7%.

Подробнее читайте в нашей статье:
https://tprg.ru/7tTb

#браузеры #chrome

​Соединение без сервера

Если вы мечтаете создать сервис видеосвязи, совместного редактирования документов или онлайн-игру — вам необходимо разобраться с WebRTC.

Эта технология позволяет веб-браузерам и мобильным приложениям устанавливать соединения типа peer-to-peer напрямую, минуя центральный сервер.

Автор статьи рассказывает о технологии и даёт рекомендации о том, как с помощью сигнального сервера организовать обмен данными.

#webrtc #javascript #браузеры