Веб-браузеры выросли за последние несколько лет. Теперь, когда 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 в вашем браузере . Этот веб-сайт также использует спецификацию блокировки указателя (или блокировки мыши), чтобы захватить указатель мыши и удерживать его в игровой области.
Общайтесь с 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 может показывать всплывающие уведомления, когда вы создали напоминания о предстоящих событиях. Веб-сайты чатов и электронной почты могут отображать всплывающие окна, чтобы предупреждать вас о новых сообщениях.
Определите свое местоположение
Теперь веб-страницы могут запрашивать разрешение на доступ к вашему местоположению. Если вы используете планшет или другое устройство со специальным чипом GPS, браузер будет использовать ваше оборудование GPS для определения вашего местоположения. На устройствах без чипов GPS имена близлежащих беспроводных сетей или местоположение вашего интернет-провайдера можно использовать для приблизительного определения вашего текущего местоположения. Геолокация может заменить необходимость ввода вашего адреса на веб-сайтах, отображающих местный контент, и позволит вам определять ваше точное местоположение с помощью чипа GPS на портативном компьютере.
Сделайте веб-приложения вашими приложениями по умолчанию
Браузеры сейчас разрешить веб-приложениям стать вашими приложениями по умолчанию , поэтому вы можете использовать Gmail в своем браузере для отправки электронных писем, когда вы нажимаете ссылку mailto: в любом месте вашего компьютера - даже за пределами браузера.
Запустите собственный код в своем браузере
Несколько спорно, Chrome включает в себя собственный клиент Google. Native Client позволяет веб-страницам запускать собственный код, написанный на таких языках, как C или C ++. Код выполняется в изолированной программной среде для обеспечения безопасности, и он работает с почти собственной скоростью.
Native Client позволяет веб-страницам запускать высокопроизводительный код для таких вещей, как игровые движки и локальное кодирование видео. Это может быть путь к получению более продвинутых приложений в Chrome OS. В Интернет-магазине Chrome есть множество игр, написанных на собственном клиенте, в том числе портированная версия популярной Бастион .
Браузеры быстро осваивают новые веб-функции. Мы можем быть благодарны за то, что Internet Explorer 6 больше не является отраслевым стандартом.
Кредит изображения: Кристиан Хейльманн на Flickr
