Gondolkozott már azon azon, hogy mire van szükség egy weboldal betöltéséhez a böngészőbe? Internetkapcsolatától függően, ha beírja a weboldal URL-címét vagy címét, és megnyomja az „Enter” gombot, szinte azonnal eljut a weblapra. Ez lassabb folyamat lehet lassabb kapcsolatok esetén, de viszonylag gyorsan eljuthat egy oldalra. Mi történik a színfalak mögött, hogy mindez megtörténjen? Kövesse az alábbiakat, és megmutatjuk, mi folyik itt!
Szerver és böngésző közötti kommunikáció
A laikus szavak szerint, amikor egy linket írnak be a címsorba, vagy rákattintanak egy oldal linkjére, a böngésző kérést küld a kiszolgálónak, amelyben a cím üzemelteti. Innentől az oldal forrásait tölti le, majd a böngésző ezeket az erőforrásokat használja az oldal megjelenítéséhez és a végtermék megjelenítéséhez.
De egy kicsit bonyolultabb.
Gyors szó az URL-címeken
Amikor beír egy URL-t, például a www.google.com, ez az, amit látsz. A számítógép valami mást lát. Amint beírja és benyomja az enter billentyűt, áthalad egy domain névszerveren (DNS), és IP-címmé konvertálja - amit a számítógép képes olvasni. Tehát, bár láthatja a www.google.com oldalt, a böngésző ezt átveszi, átadja egy DNS-kiszolgálón, majd valójában csatlakozik a Google sok IP- címéhez, például a 216.58.216.110 . Valójában beírhatja a 216.58.216.110 címet a címsorba, és ugyanarra a helyre érheti el.
Weblap beszerzése a böngészőbe
Nagyon sok mozgó alkatrész van ahhoz, hogy a weboldal megfelelően jelenjen meg a böngészőben. Az első lépés azonban a kérelem. Kérést küld egy webszervernek, amikor beírja a meglátogatni kívánt webhely címét, például a www.techjunkie.com. Amint megnyomja az enter billentyűt, a böngésző csatlakozik az internetes hosthoz, és egy csomó szövegfájl letöltését kéri.
A következő lépés a webszerver válaszai. Ebben a lépésben a kiszolgáló ténylegesen biztosítja az erőforrásokat a böngészőhöz. A böngésző kéri őket (a kérést), és a szerver továbbítja őket (válasz). Honnan tudja a böngésző, ha nem csupán egy fájlra van szüksége? Ez valami elemzésen keresztül történik. Más szóval, a böngésző veszi az első dokumentumot, és bármilyen hivatkozást keres más fájlokra. Ha lát egy hivatkozást egy másik fájlra, akkor azt is letölti. Sokkal bonyolultabb ez, de lényege, hogy megtalálja az összes szükséges fájlt.
Ezután az összes letöltött információt fel kell építeni. Megveszi a letöltött eredeti HTML dokumentumot, valamint az összes releváns erőforrást, és létrehoz egyfajta struktúrát vagy fát. Először elkészíti a Document Object Map (DOM) dokumentumot, amely alapvetően az elemek szerkezete vagy elrendezése egy oldalon. Ezután elkészíti a CSS objektumtérképet - a DOM elemek stílusának szerkezetét. Végül létrehozza a Render Fa-t, amely alapvetően elveszi a DOM-ot és a CSS-objektumtérképet, egyesíti őket, és létrehoz egy struktúrát az oldal felépítéséhez és stílusához.
És végül, az oldalt ezután megjelenítik és megjelenítik Önnek, a felhasználónak. Ebben a lépésben sok a számítás is, mivel a böngészőnek meg kell tudnia, hogy az elrendezés milyen nagy a képernyőhöz képest (pl. Az oldalak mérete eltérő lesz, ha táblagépen, okostelefonon vagy számítógépen van). De ha egyszer megtörténik, akkor megjelenik egy utolsó és remélhetőleg jó megjelenésű oldal, amelyet megjeleníthet a böngészőjében.
A folyamat valójában elég lenyűgöző - ezek a kérések és számítások mind másodpercek alatt megtörténnek, természetesen attól függően, hogy milyen gyors az internetkapcsolat. De a legtöbb esetben, annak ellenére, hogy több száz fájl is lehet egy weboldalon, a fenti folyamat könnyen 10 másodperc alatt vagy rövidebb idő alatt megtörténik.
Záró
Remélhetőleg világosan kifejtettük, hogyan működik együtt az Internet-kapcsolat, a böngésző és a kiszolgálók, hogy weboldalaikat egyenesen a böngészőjébe továbbítsák. Ha mélyebben megérti, hogy ezek a technológiák összefonódnak és hogyan működnek együtt, akkor nem csak jobban megérti a színfalak mögött zajló eseményeket, hanem segíthet a böngészővel kapcsolatos problémák elhárításában is.
