Prohlížeč je aplikace, která uživatelům pomáhá přistupovat k webovým stránkám a prohlížet webové stránky. Ale jak přesně funguje? V tomto článku rozebereme základní principy fungování prohlížeče.
Jedním z klíčových prvků prohlížeče je vykreslovací engine. Vykreslovací Engine je softwarový modul, který je zodpovědný za interpretaci HTML, CSS a JavaScript kódu vizuálními prvky webové stránky. Nejoblíbenějšími vykreslovacími motory jsou Blink (v prohlížeči Google Chrome), Gecko (ve Firefoxu) a WebKit (v Safari).
Když uživatel zadá adresu URL do adresního řádku, prohlížeč odešle požadavek na server, aby získal požadovanou webovou stránku. V reakci na to server odešle HTML kód, který je předán vykreslovacímu enginu, aby jej zpracoval. Vykreslovací engine analyzuje HTML kód a vytváří Document Object Model (DOM) – strukturu, která představuje hierarchii prvků webové stránky.
Práce prohlížeče: popis hlavních fází
1. Analýza adresy URL: Prohlížeč začne pracovat s analýzou adresy URL zadané uživatelem. Analyzuje jeho strukturu a přiděluje protokol, název domény a cestu k požadovanému prostředku.
2. Instalace připojení: Jakmile prohlížeč pochopí, na který server se má obrátit, naváže s tímto serverem spojení pomocí HTTP (Hypertext Transfer Protocol).
3. Dotaz a odpověď: Prohlížeč vytvoří požadavek na server, který obsahuje informace o tom, jaký zdroj přesně požadujeme. Server tento požadavek zpracuje a odešle zpět prohlížeči odpověď, která obsahuje data potřebná k zobrazení webové stránky.
4. Analýza HTML: Po obdržení odpovědi ze serveru začne prohlížeč rozebírat přijatou stránku HTML. Vyhledává a analyzuje všechny prvky stránky, jako jsou nadpisy, odstavce, odkazy, obrázky a další.
5. Načítání zdrojů: Pokud stránka HTML obsahuje odkazy na jiné zdroje, jako jsou obrázky, styly CSS nebo skripty JavaScriptu, prohlížeč je stáhne postupně nebo paralelně s rozebíráním HTML. To umožňuje prohlížeči vytvořit úplné zobrazení stránky.
6. Zobrazení stránky: Když jsou všechny zdroje staženy a rozebrány, prohlížeč zahájí proces zobrazení stránky. Vytváří stromovou strukturu (DOM) stránky, kde se každá položka zobrazí na příslušném místě na obrazovce. Prohlížeč poté použije styly na každou položku a zobrazí je na obrazovce uživatele.
Zde jsou všechny hlavní fáze prohlížeče. Každá z těchto fází hraje důležitou roli při poskytování rychlého a správného načítání webové stránky na obrazovce uživatele.
Načítání webové stránky
Když uživatel zadá adresu URL do adresního řádku prohlížeče a stiskne Enter, začne proces načítání webové stránky. Proces stahování zahrnuje několik kroků:
- Oprávnění domény: prohlížeč odešle požadavek na povolení domény serveru DNS, aby zjistil IP adresu spojenou se zadaným názvem domény.
- Instalace připojení: pomocí přijaté IP adresy prohlížeč naváže síťové spojení se serverem, na kterém je webová stránka umístěna.
- Odeslání dotazu: prohlížeč odešle požadavek HTTP serveru a požádá o konkrétní webovou stránku.
- Získání odpovědi: server zpracovává požadavek a odešle prohlížeči HTTP odpověď obsahující požadovanou webovou stránku.
- Zobrazení stránky: jakmile prohlížeč obdrží odpověď HTTP, začne zpracovávat přijatá data a zobrazí webovou stránku v okně prohlížeče.
Při načítání webové stránky lze použít různé protokoly, jako je HTTP nebo HTTPS, a také různé metody přenosu dat, jako je GET nebo POST.
Analýza HTML kódu
Prohlížeč začne číst HTML kód shora dolů a zleva doprava. Každá značka HTML je rozpoznána prohlížečem a odpovídajícím způsobem interpretována. Například značka označuje text, který by měl být zobrazen tučným písmem, zatímco značka odkazuje na odkaz.