Hur behandlar webbläsaren URL-inmatningen i adressfältet?

Förutom viss specifik webbsurfning med anpassade inbyggda appar medan man surfar på olika webbsidor, är de flesta webbsidor besökta med en webbläsare. Så när vi öppnar en viss URL i webbläsaren, hur laddar och visar webbläsaren innehållet? Vi kommer att visa vad webbläsaren gjorde i tur och ordning, enligt den ordning händelsen inträffar.

Användaren skriver in URL i webbläsaren#

I vårt tidigare blogginlägg täckte vi URL-komponenter inklusive vad som är känt som värd/doman, t.ex. www.google.com blog.logto.io osv.

IP-adressuppslagning med hjälp av värd/domän#

Webbläsaren kan inte direkt förstå värd/domän och hitta de motsvarande resurserna, utan behöver känna till den specifika IP-adressen för att lokalisera platsen för de resurser som krävs för webbsidor.

Webbläsaren kommer att hitta IP-adressen som motsvarar värden/domänen genom domännamnssystemet (DNS).

För att göra processen att söka efter IP-adresser så snabb som möjligt används ofta olika cacher för korrespondensen mellan värd/domän och IP-adress, såsom webbläsarcache, operativsystemcache, och så vidare.

När cacheuppslagningen misslyckas, går vi igenom den vanliga DNS-uppslagningsprocessen för att hitta en värds/domäns IP-adress. Dessa är stegen:

1. När en användare anger blog.logto.io i webbläsaren, gör webbläsaren en förfrågan till DNS-tjänsten för att få IP-adressen, den motsvarande förfrågan tas emot av DNS-lösaren
2. DNS-lösaren förfrågar DNS root server (.)
3. Root-servern returnerar en adress som motsvarar en toppdomän (TLD) DNS-server (.io i detta fall) och viss associerad information
4. DNS-lösaren förfrågar .io TLD-servern
5. .io TLD-servern svarar med logto.io namnserveradress
6. DNS-lösaren begär logto.io domännamnserver
7. logto.io domännamnserver svarar med blog.logto.io adress
8. DNS-lösaren vidarebefordrar blog.logto.io IP-adress tillbaka till webbläsaren

Webbläsaren kan sedan begära motsvarande resurser från servern och rendera webbplatsen för användaren att se.

Etablera TCP-anslutning#

Efter att ha erhållit IP-adressen som motsvarar domänen som ska besökas genom DNS-tjänsten, initierar webbläsaren och etablerar en TCP-anslutning med servern.

Hämta resurser och rendera webbsidor#

Efter att ha etablerat en TCP-anslutning initierar webbläsaren en nätverksförfrågan till servern, erhåller de motsvarande resurserna och renderar webbsidans innehåll baserat på de erhållna resurserna för användaren att bläddra.