Веб-браузеры выросли за последние несколько лет. Теперь, когда Internet Explorer 6 сломался, браузеры внедрили множество интересных новых функций, которыми сегодня пользуются веб-сайты.



отключить картинку в картинке

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

Перетащите, чтобы загрузить

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

Визуализация 3D-графики в браузере

Такие браузеры, как Chrome и Firefox, теперь поддерживают WebGL, который позволяет веб-страницам отображать трехмерную графику без каких-либо плагинов. WebGL можно использовать для игр и других 3D-моделей, но, вероятно, самым популярным веб-сайтом, использующим WebGL, являются Google Maps. На Google Maps в Chrome вы можете включить MapsGL. Это заставит Google Maps отображать карту с помощью OpenGL, что приведет к более плавной анимации. При использовании просмотра улиц вы увидите анимацию при увеличении карты. Просмотр улиц также будет отображаться с помощью OpenGL, а не Adobe Flash.

Если Карты Google были недостаточно впечатляющими, движок Quake 3 адаптирован для работы в WebGL в вашем браузере . Этот веб-сайт также использует спецификацию блокировки указателя (или блокировки мыши), чтобы захватить указатель мыши и удерживать его в игровой области.

Google Sheets фильтрует несколько столбцов

Общайтесь с WebSockets

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

Реклама

WebSockets используются Игра Mozilla's BrowserQuest , позволяя игре, запущенной в вашем браузере, отправлять события назад и вперед на свой сервер. WebSockets также использовались для создания клиентов IRC, работающих в вашем браузере. Пожалуй, наиболее впечатляюще то, что WebSockets также использовались для создания торрент-клиент JavaScript, работающий в вашем браузере , предоставляя пользователям Chrome OS собственный торрент-клиент. JSTorrent пока не выглядит полностью стабильным, но это хороший пример того, что возможно с WebSockets.

Воспроизведение видео и музыки без Flash

Видео HTML5 привлекло много внимания, поэтому многие знают, что теперь можно воспроизводить видео в форматах H.264 (MP4), WebM и Ogg Theora без установки Flash. Многие видеосайты, в том числе YouTube, предлагают воспроизведение видео на основе HTML5. К сожалению, многие веб-сайты настаивают на необходимости DRM, поэтому YouTube по-прежнему использует Flash для видео с рекламой, а Netflix по-прежнему использует Silverlight для своих видео. Тег видео HTML5 может выглядеть так же, как проигрыватель видео на основе Flash, поэтому вы можете никогда не заметить, что его использует веб-сайт, за исключением того, что воспроизведение видео будет работать на мобильных устройствах и работать лучше.

Запуск веб-приложений в автономном режиме

Браузеры теперь позволяют веб-приложениям работать в автономном режиме, предлагая им локальное хранилище базы данных, которое они могут использовать для доступа к вашим данным. Многие офлайн-веб-приложения Google (включая Gmail, Документы и Календарь) работают только в Chrome, но Kindle Cloud Reader от Amazon может использоваться в автономном режиме и в других браузерах, таких как Firefox. Kindle Cloud Reader позволяет загружать электронные книги, которые впоследствии можно будет читать в автономном режиме в браузере, даже если у вас нет подключения к Интернету.

Доступ к вашей веб-камере и видеоконференции

Теперь веб-страницы могут получить доступ к вашей веб-камере - разумеется, с вашего разрешения. Веб-страница может использовать эту функцию, чтобы делать фотографии с веб-камеры для изображения вашего профиля или записывать видео. Однако он также мог использовать новый WebRTC API для видеоконференцсвязи между разными браузерами без дополнительных плагинов. В будущем для Google Hangouts не потребуется плагин, и Skype также будет работать в вашем браузере.

Создание всплывающих окон уведомлений

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

принудительно закрыть приложение виндовс 10

Определите свое местоположение

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

как поделиться ссылкой на дискорд

Сделайте веб-приложения вашими приложениями по умолчанию

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

Запустите собственный код в своем браузере

Несколько спорно, что Chrome включает собственный клиент Google. Native Client позволяет веб-страницам запускать собственный код, написанный на таких языках, как C или C ++. Код выполняется в изолированной программной среде для обеспечения безопасности, и он работает с почти собственной скоростью.

Native Client позволяет веб-страницам запускать высокопроизводительный код для таких вещей, как игровые движки и локальное кодирование видео. Это может быть путь к получению более продвинутых приложений в Chrome OS. Интернет-магазин Chrome содержит множество игр, написанных на собственном клиенте, в том числе портированную версию популярной Бастион .


Браузеры быстро осваивают новые веб-функции. Мы можем быть благодарны за то, что Internet Explorer 6 больше не является отраслевым стандартом.

Кредит изображения: Кристиан Хейльманн на Flickr

ПРОЧИТАЙТЕ СЛЕДУЮЩИЙ