Как работают браузеры? онлайн урок.


В этой лекции мы изучим как работают браузеры. Для начала определим, что такое браузер (в смысле приложения для персонального компьютера или мобильного устройства)

Браузер это приложение, которое позволяет просматривать определенные документы. Обычно они расположены дистанционно (located remotely) и называются веб-ресурсами.

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

Зачастую веб-ресурсы являются веб-документами, т.е. HTML-документами. Но современные браузеры обеспечивают просмотр практически всех популярных файловых форматов. К примеру изображения (JPEG, GIF, PNG и т.д.) или же PDF документы. Проще говоря, любой документ, просматриваемый в Интернете, можно назвать веб-документом.

Наиболее популярными браузеры являются Mozilla Firefox, Google Chrome, Opera, Safari и IE.

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

В итоге у нас есть два основных компонента браузера:
  • Интерфейс, который состоит из пользовательского меню, панели инструментов, кнопок и т.д.
  • Механизм визуализации, который отображает HTML документ на экране. В различных браузерах один и тот же HTML документ может отображаться по-разному, поскольку в них задействованы различающиеся механизмы визуализации.


Для того, чтобы объединить эти два компонента, браузеру нужен еще один элемент, который дал бы возможность использовать определенный протокол передачи данных (главным образом это HTTP, HTTPS) для отправки запросов и получения ответов от сервера. Теперь мы можем добавить последующий компонент к списку:
  • Компонент сети, который позволяет отправлять запросы и получать ответы. В адресной строке пользователь обозначает необходимый протокол передачи данных.


Допустим, когда мы указываем в адресной строке hello-site.com.ua , браузер должен отыскать этот сайт среди миллионов, а затем отправить запрос серверу. Как браузер находит этот сайт? Довольно просто. С помощью сервера доменных имен (DNS). Основная цель DNS предоставить Вашему браузеру IP адрес сайта hello-site.com.ua . Помните, Вы также указывали IP-address DNS сервера после того, как местный Интернет провайдер дал Вам параметры необходимые для настройки соединения? Это стандартный местный сервер DNS, который предоставит Вашему браузеру IP адрес сайта hello-site.com.ua. Вместе с тем, эта работа выполнена совместно с другими DNS серверами, что послужит помощью для Вашего местного сервера.

Основная цель DNS это трансформация читабельного названия сайта в IP адрес.

Нам также стоит выделить следующие компоненты браузера:
  • Компонент сохранения данных, который позволяет хранить данные пользователя на его компьютере. К примеру, если пользователь не желает каждый раз вводить свой логин и пароль при авторизации, он может выбрать опцию «Запомнить», которая есть в большинстве веб-приложений. В итоге данные авторизации будут храниться на пользовательском жестком диске
  • Интерпретатор JavaScript, который дает возможность динамически исполнять скрипты на стороне клиента. Любой современный браузер должен включать в себя этот компонент, поскольку каждое современное веб-приложение использует динамические скрипты.


Теперь подытожим информацию о том, как работают браузеры: пользователь выбирает ресурс с помощью пользовательского интерфейса. Затем браузер отправляет запрос соответствующему серверу через Компонент сети и получает ответ. Механизм визуализации отображает HTML документ для того, чтобы пользователь мог его просматривать.