Андрей Поснов

This media is not supported in your browser

VIEW IN TELEGRAM

Что происходит в браузере когда вы ввели адрес и нажали ЭНТЕР 👀

Проходил недавно собеседование и мне задали такой вопрос, я конечно хайлевел рассказал про то что имя конвертируется в айпи адрес и так узнаем где сервер/хостинг, все таки образование у меня “профильное”, но что там конкретно в деталях и как правильно отвечать – я решил разобраться.

1. Поиск/Адреc
Я это не упомянул при ответе, конечно же браузер определяет сначала ввели вы адрес или поисковой запрос (чтобы сразу искать в поисковик типа google)

2. DNS Lookup / Кэш
❗️Вот что я не упомянул важного при ответе на этот вопрос.
Когда мы вводим в браузере https://google.com , чтобы получить ip-адрес, сначала проверяютя Кэши, может он уже обращался по этому адресу и ip известен (из за этого бывают ошибки когда что-то закешировалось и изменений не видно), проверяется несколько уровней кэшей, браузера, ОС, роутера и тд., и только если нигде не найдется улетает запрос к DNS серверу

3. Установка TCP соединения
Я упомнял что есть TCP/IP чтобы соединятся между компьютерами. Но надо наверное проговаривать, что как только браузер получил ip-адрес, он инициирует подключение к другому компьютеру(серверу) по TCP, упомянуть порт, для http - 80, для https 443. Соединение установлена после обмена пакетами ack, syn, fin.(three-way handshake). Только после этого улетает http запрос.

4. Отправка запроса HTTP/HTTPS на сервер
В запросе мы отправляем host/локацию_файла типа, google.com/index.html, в ответ статус-код запроса и др информацию, как только код получен браузер решает что делать, рассмотрим 200, все ок.

5. Браузер получает HTML страницу
начинает Парсинг/разбор html страницы > Токенизация(Лексический анализ) > Создается DOM (Document Object Model), то самое дерево которое видно при инспекте элементов и отрисовка

6. Завершение запроса и закрытие соединения
После того как страница полностью отображена, браузер завершает соединение с веб-сервером.

👉чем-то дополнить?

#tecnologia
#карьера

navigacion | chat | los bonuses

www.group-telegram.com/tw/andreyposnov.com/1302

2.2K viewsAndrey Posnov, edited  Jan 23, 2024 at 16:31

Что происходит в браузере когда вы ввели адрес и нажали ЭНТЕР 👀

Проходил недавно собеседование и мне задали такой вопрос, я конечно хайлевел рассказал про то что имя конвертируется в айпи адрес и так узнаем где сервер/хостинг, все таки образование у меня “профильное”, но что там конкретно в деталях и как правильно отвечать – я решил разобраться.

1. Поиск/Адреc
Я это не упомянул при ответе, конечно же браузер определяет сначала ввели вы адрес или поисковой запрос (чтобы сразу искать в поисковик типа google)

2. DNS Lookup / Кэш
❗️Вот что я не упомянул важного при ответе на этот вопрос.
Когда мы вводим в браузере https://google.com , чтобы получить ip-адрес, сначала проверяютя Кэши, может он уже обращался по этому адресу и ip известен (из за этого бывают ошибки когда что-то закешировалось и изменений не видно), проверяется несколько уровней кэшей, браузера, ОС, роутера и тд., и только если нигде не найдется улетает запрос к DNS серверу

3. Установка TCP соединения
Я упомнял что есть TCP/IP чтобы соединятся между компьютерами. Но надо наверное проговаривать, что как только браузер получил ip-адрес, он инициирует подключение к другому компьютеру(серверу) по TCP, упомянуть порт, для http - 80, для https 443. Соединение установлена после обмена пакетами ack, syn, fin.(three-way handshake). Только после этого улетает http запрос.

4. Отправка запроса HTTP/HTTPS на сервер
В запросе мы отправляем host/локацию_файла типа, google.com/index.html, в ответ статус-код запроса и др информацию, как только код получен браузер решает что делать, рассмотрим 200, все ок.

5. Браузер получает HTML страницу
начинает Парсинг/разбор html страницы > Токенизация(Лексический анализ) > Создается DOM (Document Object Model), то самое дерево которое видно при инспекте элементов и отрисовка

6. Завершение запроса и закрытие соединения
После того как страница полностью отображена, браузер завершает соединение с веб-сервером.

👉чем-то дополнить?

#tecnologia
#карьера

navigacion | chat | los bonuses

BY Андрей Поснов