Wie verarbeitet der Browser die URL-Eingabe in der Adressleiste?

Zusätzlich zu einigen spezifischen Web-Browsing mit benutzerdefinierten nativen Apps beim Durchsuchen verschiedener Webseiten werden die meisten Webseiten mit einem Browser durchsucht. Wenn wir also eine bestimmte URL im Browser öffnen, wie lädt und zeigt der Browser den Inhalt an? Wir werden zeigen, was der Browser nacheinander getan hat, entsprechend der Reihenfolge, in der das Ereignis eintritt.

Benutzer gibt URL im Browser ein#

In unserem vorherigen Blogbeitrag haben wir die Komponenten einer URL behandelt, einschließlich dem, was als Host/Domäne bekannt ist, z.B. www.google.com blog.logto.io usw.

IP-Adresse anhand von Host/Domäne ermitteln#

Der Browser kann den Host/die Domäne nicht direkt verstehen und die entsprechenden Ressourcen finden, sondern muss die spezifische IP-Adresse kennen, um den Ort der für Webseiten erforderlichen Ressourcen zu lokalisieren.

Der Browser ermittelt die IP-Adresse, die dem Host/der Domäne entspricht, über das Domain Name System (DNS).

Um den Prozess der Suche nach IP-Adressen so schnell wie möglich zu gestalten, wird die Zuordnung zwischen Host/Domäne und IP-Adresse häufig durch verschiedene Caches, wie den Browser-Cache, den Betriebssystem-Cache und so weiter, unterstützt.

Wenn der Cache nicht erfolgreich ist, durchlaufen wir den regulären DNS-Lookup-Prozess, um die IP-Adresse eines Hosts/einer Domäne zu finden. Dies sind die Schritte:

1. Wenn ein Benutzer blog.logto.io im Web-Browser eingibt, fordert der Web-Browser den DNS-Dienst an, um die IP-Adresse zu erhalten, die entsprechende Abfrage wird vom DNS-Resolver empfangen.
2. DNS-Resolver fragt den DNS-Root-Server (.) ab
3. Der Root-Server gibt eine Adresse zurück, die einem Top-Level-Domain (TLD) DNS-Server (.io in diesem Fall) und einigen zugehörigen Informationen entspricht.
4. DNS-Resolver fragt den .io TLD-Server ab
5. Der .io TLD-Server antwortet mit der Logto.io-Namensserver-Adresse
6. DNS-Resolver fordert den logto.io Domainnamensserver an
7. Der logto.io Domainnamensserver antwortet mit der Adresse blog.logto.io
8. DNS-Resolver leitet die IP-Adresse von blog.logto.io zurück an den Web-Browser.

Der Web-Browser kann dann die entsprechenden Ressourcen vom Server anfordern und die Website für den Benutzer anzeigen.

TCP-Verbindung herstellen#

Nachdem die IP-Adresse des zu betrachtenden Domänennamens durch den DNS-Dienst ermittelt wurde, initiiert und stellt der Web-Browser eine TCP-Verbindung mit dem Server her.

Ressourcen abrufen und Webseiten rendern#

Nach der Herstellung einer TCP-Verbindung initiiert der Browser eine Netzwerkanfrage an den Server, ruft die entsprechenden Ressourcen ab und rendert den Webseiteninhalt basierend auf den erhaltenen Ressourcen, um sie für den Benutzer durchschaubar zu machen.