Как работает браузер: обмен данными с сервером. Браузеры как работают

Как работает интернет браузер

Друзья, думаю, многим будет интересно “погрузиться в веб-кухню” и понять, как это у стандартного браузера получается отображать новости, загружать видео-ролики и онлайн игры, а также осуществлять интернет покупки.

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

Как происходит загрузка веб-страницы браузером?

С момента указания адреса веб-страницы до полной загрузки сайта проходят одна-две секунды, но браузер проделывает за это время минимум 6 операций:

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

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

3. На следующем этапе браузер проверяет наличие адреса запрашиваемой страницы в файле Hosts, расположенном на жестком диске ПК. В данном файле, как правило, хранятся адреса веб-сайтов и их цифровые соответствия в виде ip-адресов. Чаще всего там имеется всего одна запись: “localhost 127.0.0.1”.

4. Если предыдущие шаги не помогли найти запрашиваемую страницу, то браузер пытается найти ip-адрес страницы через сервера DNS (система доменных имен), на которых, как в справочнике, хранится вся соответствующая информация по доступным сайтам в сети.

5. Как правило, браузер устанавливает связь с запрашиваемой страницей не напрямую, а через цепочку серверов. Что позволяет снизить нагрузку на сайт (особенно это актуально для популярных интернет ресурсов).

6. И на последнем шаге браузер собирает все элементы страницы во едино и отображает нам искомую веб-страницу.

как работает интернет браузер?

Для нас с вами обыденным кажется процесс отображения браузером веб-страницы. Однако браузер проделывает большую работу, собирая страницу по элементам: картинки, текст и другие данные, о которых мы поговорим позже.

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

Единым звеном, объединяющим все элементы в одно целое, является язык гипертекстовой разметки – HTML. Благодаря данному стандарту браузер точно знает, как должна выглядеть страница и где взять тот или иной составной элемент страницы. Кроме того, данный стандарт позволяет одинаково корректно отображать одну и ту же страницу и на 27 дюймовом мониторе домашнего ПК, и на 10 дюймовом планшетнике.

Из чего же состоит веб-страница?

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

2. JavaScript – это разновидность языка Java, которая позволяет создавать интерактивные элементы веб-страницы. Например, используется для создания динамического выпадающего меню или, как на моем сайте, выпадающее снизу информационная форма, предлагающая бонус.

Код JavaScript выполняется на локальном компьютере пользователя.

3. CSS – каскадные таблицы стилей. HTML определяет структуру страницы, а CSS их оформление (цвета, шрифт, размеры и т.д.).

4. PHP – данный программный код все чаще используется на новых сайтах. Скрипты данного кода выполняются на стороне сервера, т.е. относительно безопасны и не используют ресурс ПК.

Очень часто используется при создании форумов, гостевых книг или блока комментариев, как в моем случае.

5. Flash – технология, позволяющая отображать на странице анимацию. Многим данная технология знакома в качестве назойливых рекламных баннеров. Однако без flash не будет отображаться видео на Youtube.

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

Почему скорость работы браузеров различна?

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

Его основные функции:

• формирование структуры веб-страницы на основании загруженного HTML-кода;
• отображение внешнего вида страницы с использованием CSS;
• выполнение кода встроенных программных скриптов.

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

Ради интереса предлагаю вам протестировать ваш браузер на производительность и поддержку современных технологий – вот ссылка.

2. У каждого браузера есть свои “примочки”, которые выделяют его на фоне других. Кроме того, таких примочек становится больше с каждой новой версией продукта.

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

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

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

4. Сжатие – данный прием позволяет снизить трафик, передающийся по сети, не потеряв в производительности (при расчете средне производительного ПК).

Почему некоторые страницы загружаются значительно медленнее других?

Чаще всего такая проблема возникает, когда вы переходите на сайт с динамически генерируемыми страницами. Примером является интернет-магазин. Одной из его функций является предложить вам релевантный (наиболее подходящий именно вам) товар. Для этого магазин сохраняет ваши предпочтения в своей базе данных и при каждом заходе отправляет к базе множество запросов, что снижает общую скорость загрузки страницы.

“Что помнят о нас браузеры?” – была у меня такая уже статья, обязательно ознакомьтесь с нею.

Будущее браузеров

Сейчас все большую популярность набирают две технологии:

• HTML5 – новый стандарт, который позволяет интегрировать в страницу не только текст и графику, но и видео, минуя дополнительные плагины, поддерживающие flash.
• Silverlight – разработка Microsoft, которая также позволяет заменить потерявшую репутацию технологию flash, а также транслировать потоковое видео в формате HD.

Более подробно о новинках современных интернет технологий я напишу в отдельной статье. Если же вы хотите изучить данные технологии, то предлагаю воспользоваться видеоуроками и видеокурсами, которые предлагает вам известный сайт видеокурсов — http://video-kursov.net

pc4me.ru

Что такое браузеры и их принцип работы

Здравствуйте, уважаемые читатели блога Start-Luck. Иногда поиск ответов на самые простые вопросы могут открывать невероятные вещи, о которых человек никогда не задумывался. Мы привыкли просто пользоваться лампочкой, микроволновой печью и пылесосом.

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

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

Как устроен сайт

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

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

Пока этот набор документов находится на компьютере разработчика, к ним нет доступа у читателей. Они не в интернете. Открыть сайт для публичного просмотра помогают хостинговые компании. Грубо говоря, у них есть что-то вроде больших флешек, на которые выкладываются папки с сайтами.

К каждой папке привязывается домен, URL, или, простым языком, адрес. Вводите его в адресную строку браузера и тот любезно проводит вас к папке. Это не все, что делают браузеры, но об этом поговорим в следующей главе.

Миссия браузера

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

По сути, все эти html, css, php и так далее необходимы для того, чтобы как раз браузер и понял электронный ресурс и показал его читателю в самом лучшем и понятном виде.

К примеру, программист говорит: «Вот статья, а нажав на эту фразу человек должен переместиться на другую страницу моего сайта». Он вписываем определенный код. Вы его не видите, браузер это понимает и сразу выдает читателю простую и привычную ссылку с подчеркиванием.

Научиться языкам программирования не так сложно, как может показаться на первый взгляд. Сейчас очень много конструкторов и простых CMS, позволяющих упростить жизнь и работу в интернете. Не меньше и курсов, которые помогают чайникам разобраться в тонкостях мастерства. К примеру, «WordPress 4: практика создания сайта» Михаила Русакова. Уроки очень просты. В конце обучения каждый сможет стать настоящим сайтостроителем.

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

Классификация

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

Сегодня я уже не раз наткнулся на такое деление: Google Chrome, Яндекс Браузер, Опера, Mozilla. У меня не поворачивается язык разделить их именно таким образом.

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

Их принцип работы и миссия одинаковы в любом случае. Так как же люди выбирают браузеры? В основном – это интерфейс. У всех есть небольшие отличия и человек быстро к ним привыкает. К примеру, зайдя в Яндекс Браузер вам предлагают почитать новости, которые могут показаться вам интересными. Это цепляет пользователей.

Некоторым кажется, что браузер Google Chrome открывает сайты быстрее. Не могу сказать насколько это правда. Лично я пользуюсь несколькими браузерами, и скорость каждого зависит от интернета в целом. Пусть Яндекс утверждает о турбо режимах, но если вечером сеть перегружена и даже торрент работает очень медленно, то загрузить страничку за секунду никак не получится.

Как выбрать браузер, установите несколько и просто посмотрите какой вам кажется наиболее удобным. Ну вот и все. Подписывайтесь также на рассылку, чтобы получать качественную информацию.

До новых встреч и удачи.

start-luck.ru

Как работает браузер: обмен данными с сервером

Автор: Евгений Рыжков Дата публикации: 13.10.2010

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

Первое что нужно запомнить — браузер запрашивает и получает данные посредством HTTP протокола, поэтому его (браузер) еще называют HTTP клиентом.

Протокол передачи Гипертекста (HTTP — англ. HyperText Transfer Protocol) — специально разработанный протокол как основа World Wide Web и используется для передачи всех необходимых данных: HTML кода, изображений, CSS файлов, javascript и т.д. Остановимся только на моментах интересных фронт разработчику (с тонкостями HTTP все желающие могут познакомится в спецификации).

HTTP — синхронный протокол

Основой HTTP является технология «клиент-сервер»: клиент — это тот кто запрашивает данные, сервер — кто обрабатывает и отдает. Связь между ними осуществляется посредством череды перемежающихся HTTP-запросов и HTTP-ответов.

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

На что тратит время HTTP запрос

Запрос происходит в несколько этапов:

• DNS-запрос — поиск ближайшего DNS-сервера, чтобы преобразовать URI (например, google.com) в его числовое представление — IP-адрес (74.125.87.99, прим. — получено посредством команды ping). Это адрес и будет реальным адресом сайта в Интернет.
• соединение — установка соединения с сервером по полученному IP-адресу;
• отправка данных;
• ожидание ответа — ждем пока пакеты данных дойдут до сервера, он их обработает и ответ вернется назад;
• получение данных.

Это легко проследить если воспользоваться например, плагином для Firefox — Firebug или встроенными средствами для разработчика в Chrome.

Первый этап (DNS-запрос и установка соединения) отнимает довольно много времени. В протоколах HTTP ранних версий, после того, как получен ответ на запрос, соединение разрывалось. И чтобы послать новый запрос, нужно снова тратить время на DNS-запрос и установку соединения. Это было большим ступором, который устранили в спецификации HTTP 1.1 — появился режим постоянного соединения (keep-alive): при первом запросе происходит соединение, которое не разрывается. Это был прорыв, который ощутимо разогнал Веб.

Заметка

Соединение не разрывается, если все запросы направлены на один хост. Если какой-то элемент веб страницы размещен на другом хосте, для запроса этого элемента устанавливается новое соединение, начиная с DNS-запроса.

Но смотрим на диаграмму HTTP запроса дальше: видим, что время соединения ощутимо меньше, чем время ожидания ответа. И тут уже HTTP 1.1 не спасает. Поэтому не важно, что у тебя четыре процессора, 5 Гб оперативки и навороченная видеокарта. От этого веб страницы быстрей открываться не станут, ведь большую часть времени вся эта «мощь» простаивает в ожидании пока пакеты данных пройдут туда-сюда.

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

Заметка

В реальности схема связи с сервером несколько сложней и это выходит за рамки данной статьи.

Параллельные HTTP соединения

Чтобы хоть немного ускорить работу HTTP, был разработан механизм параллельных соединений, которые устанавливает браузер для одновременной доставки нескольких объектов веб страницы. Спецификация HTTP 1.1 рекомендует не использовать одновременно не более двух соединений к одному хосту. Связано с тем, что разрабатывалась спецификация давно, тогда не было таких широкополосных каналов и мощных серверов. Современные браузеры таких соединений устанавливают минимум 4 и это число можно увеличить до 8 ручными настройками.

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

HTTP конвейер

Изначально, HTTP устанавливал соединение, отправлял один запрос и ждал на него ответ. После расширения каналов связи, стало ясно, что такой подход ведет к существенным временным задержкам. Чтобы это устранить, была разработана технология HTTP конвейера (HTTP pipelining) — когда браузер может послать несколько GET-запросов в одном соединении, не дожидаясь ответа от сервера. Сервер в таком случае должен ответить на все запросы последовательно.

Технология конвейера показала существенный прирост скорости загрузки веб страниц, особенно это актуально для широких каналов.

Конвейерная обработка может также резко сократить количество TCP/IP-пакетов. С типичным MSS (максимальный размер сегмента) в диапазоне от 536 до 1460 байт, можно упаковать несколько HTTP-запросов в один TCP/IP-пакет. Сокращение числа пакетов, необходимых для загрузки страницы — это преимущество интернета в целом, так как снижается нагрузка на маршрутизаторы и каналы.

Итого

Протокол HTTP 1.1 уже давно не справляется с задачами поставленные современными веб приложениями. Над его усовершенствованием уже давно ведутся работы (HTTP-NG, SPDY). Помимо самого протокола появятся новые возможности для разработчиков с распространением HTML5 (websockets, SSE). Это все значительно разгрузит и ускорит Веб, но принцип «меньше запросов — быстрее сайт» все равно останется.

По теме

Материалы

xiper.net

Как браузеры загружают веб-страницы и обрабатывают их HTML-разметку?

Структура глобальной сети

Глобальная сеть состоит из множества устройств. Их взаимодействие друг с другом решает различные задачи: загрузка веб-страниц с HTML-разметкой, передача видео, обмен короткими сообщениями и т.д. Они могут использовать устоявшиеся протоколы[1] связи или реализовывать собственные.

Например, программа Skype имеет собственный механизм передачи сообщений по сети. Он настолько сложный и секретный, что сообщение невозможно подделать с помощью сторонней программы.

Устройства, работающие в сети, делятся на два типа. Они могут быть серверами[2] или клиентами[3]. Если рассматривать клиент-серверное взаимодействие относительно работы с веб-страницами, то ваш компьютер с установленным на нем браузером является клиентом. Он запрашивает страницы из сети. Эти запросы обрабатывают сервера. В простом определении сервер - это компьютер, в котором хранятся HTML-файлы различных сайтов. Ответ на запрос клиента он может осуществить за счет специальной программы «веб-сервер».

ЗаметкаНе путайте два этих понятия. Сервер — это компьютер, а Веб-сервер — программа, отвечающая на запросы клиентов по протоколу HTTP.

Основным протоколом, используемым для работы с веб-страницами, является HyperText Transfer Protocol (рус. протокол передачи гипертекста, сокр. HTTP). Он описывает четкий регламент передачи HTML-разметки по сети, как должен быть сформирован запрос на загрузку страницы, как происходит процесс её передачи и какие статусы должен отдавать сервер.

Принцип работы браузера

Браузер — это клиентская программа, позволяющая в простой форме посылать запросы серверам на загрузку веб-страниц. В задачи браузера помимо простейших операций по связи с серверами входит: обработка полученной HTML-разметки, интерпретация стилей и скриптов, контроль ошибок и по возможности их исправление, хранение пользовательской информации. Браузеры, представленные различными компаниями, могут по-разному реализовывать эти механизмы или игнорировать какие-либо из них. Такие возможности, объединенные в виде программы, называется браузерным движком[4].

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

1. При вводе имени сайта в адресной строке, клике по ссылке в поисковой системе или на любом сайте, браузер посылает запрос серверу на загрузку определенной страницы.
2. Сервер получает запрос и проверяет, есть ли такая страница.
3. Сервер осуществляет передачу HTML-разметки страницы браузеру.
4. Браузер обрабатывает разметку и выводит результат пользователю.

Термины, использованные в статье

1. Протоколы передачи данных — набор соглашений, которые позволяют единообразным способом передавать сообщения между программами
2. Сервер — специальный компьютер, основная задача которого – выполнение сервисного программного обеспечения.
3. Клиент — компьютер, выполняющий роль потребителя ресурсов сервера. Он может делегировать выполнение задач серверу и использовать готовый результат.
4. Браузерный движок — совокупность программных механизмов, реализованных производителем браузера. Эти механизмы нацелены на преобразование HTML-разметки, стилей и скриптов в интерактивное представление, с которым взаимодействует пользователь.

coder-booster.ru

Принцип работы интернета

Принцип работы интернета

Перед тем как начать работу с браузером, нужно знать основы Всемирной паутины, или WWW (World Wide Web). Без них вы, конечно, сможете работать в Интернете, но хотелось, чтобы ваши знания были более полными. Если вы знакомы с адресацией в Интернете, то можете сразу перейти к рассмотрению браузера IE.

Предположим, что вы ввели адрес http://www.gidmir.ru. Разберемся, что есть что. Первая часть адреса - это протокол, в нашем случае - это http. Протокол HTTP (Hyper Text Transfer Protocol), или протокол передачи гипертекстовой информации, является основным протоколом Всемирной паутины. По протоколу HTTP передается гипертекстовая информация, т.е. сами веб-странички. Когда вы вводите адрес http://www.gidmir.ru, обычно веб-сервер возвращает вам страничку index.html (имя может быть и другим - все зависит от настроек сервера), которая обычно находится в корневом каталоге сервера. Файл index.html - это HTML-страница. HTML - язык гипертекстовой разметки (Hypertext Markup Language). Почему именно гипертекстовой? Гипертекстовый документ (или страница) - это документ, содержащий ссылки на другие гипертекстовые документы (или другие файлы). Именно благодаря HTML вы можете переходить со страницы на страницу, с сайта на сайт.

Кроме протокола HTTP, браузер может работать с протоколом передачи файлов - FTP (File Transfer Protocol), адрес FTP-pecypca выглядит так: ftp://сервер. Еще существует безопасная версия протокола HTTP - HTTPS (HTTP Secure).

Все, что после двух слешей, - это адрес сервера (и адрес документа, но об этом - позже). В нашем случае есть только адрес сервера - www.gidmir.ru. Из всего этого www - это имя сервера, a gidmir.ru - домен. Фактически сервер можно было бы назвать den, и адрес тогда бы выглядел так: den.gidmir.ru. Но обычно администраторы называют веб-сервер www (или создают псевдоним www для сервера с произвольным именем).

Когда вы вводите адрес сервера, браузер обращается к DNS-клиенту Windows с просьбой преобразовать имя www.gidmir.ru в IP-адрес. Если такого имени не найдено в кеше DNS-сервера, то DNS-клиент обращается к DNS-серверу провайдера с просьбой преобразовать имя www.gidmir.ru в IP-адрес. DNS-сервер обращается к DNS-серверу домена .ru, а тот, в свою очередь, обращается к DNS-серверу домена .gidmir.ru с просьбой преобразовать имя www.gidmir.ru в IP-адрес. Полученный IP-адрес возвращается обратно DNS-серверам домена .ru, потом провайдера пользователя, а потом DNS-клиенту пользователя и передается браузеру. Получив IP-адрес, браузер устанавливает соединение с сервером и получает веб-страницу, которую потом отображает пользователю.

Зачем нужно преобразование доменного имени в IP-адрес? Дело в том, что компьютеры "общаются" между собой только по IP-адресам. Только зная IP-адрес другого компьютера, можно установить TCP-соединение. А символьные адреса вроде www.gidmir.ru были созданы только для удобства пользователей. Человеку намного проще запомнить символьный адрес, чем цифровой IP-адрес вроде 193.254.219.200.

Наш адрес, который мы выбрали для примера, http://www.gidmir.ru, не является полным адресом. Полный адрес, или URL-адрес (Universal Resource Locator), выглядит так:

Протокол://имя_сервера:порт/путь_к_странице/страница

Если вы забываете указать протокол, т.e. вводите просто www.gidmir.ru, то браузер подразумевает протокол HTTP. Если вы забываете указать порт, то подразумевается порт 80. А если вы не указываете страницу, то по умолчанию, как уже было отмечено, передается страница index.html (хотя может передаваться и другая страница - все зависит от настроек сервера), находящаяся в корневом каталоге сервера.

Вот теперь, когда мы знаем, как работает браузер, можно приступить к рассмотрению браузера Internet Explorer. Это не единственный браузер. Кроме IЕ существуют другие популярные браузеры: Opera (www.opera.com), Firefox (www.mozilla.org/ru/firefox/new/) и др. Вы можете выбрать любой браузер (обычно браузер - это бесплатная программа), но в этой категории описывается только Internet Explorer (IE), поскольку это стандартный браузер Windows 7.

Опубликовано: 02.04.2015

rusopen.com

Как работают браузеры? урок - курс Основы HTML от Devionity

Браузер это приложение, которое позволяет просматривать определенные документы. Обычно они расположены дистанционно (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 документ для того, чтобы пользователь мог его просматривать.

devionity.com

Смотрите также

• 
  Видео из браузера
• 
  Видео для браузера
• 
  Seamonkey браузер отзывы
• 
  Linux терминальный браузер
• 
  Браузер сенсорных систем
• 
  Woff2 поддержка браузерами
• 
  Freebsd браузер консольный
• 
  Camino браузер отзывы
• 
  Midori браузер linux
• 
  Имитация браузера программа
• 
  Отзывы браузер авант