Slovník pojmů

Webový prohlížeč

Prohlížeč není vyhledávač ani samotná webová stránka. Je to program, který adresu přeloží na síťové spojení, načte zdroje a vytvoří rozhraní, s nímž uživatel pracuje.

Stručná definice

Klientský program, který z webových zdrojů sestaví použitelné rozhraní.

Po otevření URL prohlížeč vyhledá potřebné síťové údaje přes DNS, naváže spojení, u HTTPS ověří certifikát a odešle HTTP požadavek. Z odpovědi načte HTML, CSS, JavaScript, obrázky, fonty a další zdroje. HTML parser z dokumentu vytváří DOM, CSS pravidla určují prezentaci a JavaScript může rozhraní a jeho stav dále měnit.

Prohlížeč zároveň spravuje cookies, historii, cache, záložky, oprávnění a bezpečnostní hranice webu. Například pravidla stejného originu a CORS omezují, co může skript z jedné stránky číst z jiné origin. Tato omezení nejsou náhradou aplikační autentizace a autorizace: server musí samostatně rozhodnout, zda konkrétní požadavek smí provést.

Jaký problém řeší

Přenáší web z adresy do ovladatelného rozhraní

Prohlížeč poskytuje běžné prostředí pro čtení obsahu, vyplňování formulářů i provoz složitějších webových aplikací.

otevření webu nebo aplikace podle URL a navigace mezi stránkami
vykreslení HTML a CSS na různě velkých obrazovkách
spuštění JavaScriptu pro interakce, formuláře a komunikaci s API
práce s cookies, cache a uživatelským nastavením pro opakované návštěvy
vývojářské nástroje pro kontrolu síťové komunikace, DOM, chyb a výkonu

Praktický příklad

Od URL detailu produktu po zobrazení objednávkové akce

Uživatel zadá https://shop.example.cz/products/123. Prohlížeč přeloží hostname přes DNS, naváže HTTPS spojení se serverem a odešle HTTP požadavek. Odpověď obsahuje HTML detailu produktu; prohlížeč z ní postupně načte také CSS, obrázek a JavaScript potřebný třeba pro volbu varianty.

Pokud uživatel odešle formulář, prohlížeč přenese jeho data podle definovaného HTTP toku. Server ověří vstup, identitu a oprávnění. Prohlížeč může zobrazit chybu nebo potvrzení, ale nesmí se spoléhat na to, že pouhé skrytí tlačítka či JavaScriptová validace ochrání serverovou operaci.

Jak funguje

Cesta od adresy k vykreslené stránce

Textový diagram: URL → DNS → HTTPS a HTTP → HTML parser → DOM a CSS → vykreslení → JavaScript a interakce.

Uživatel otevře URL Adresa určuje schéma, hostname, cestu a případné parametry. Prohlížeč ji rozebere a připraví navigaci.
DNS najde síťový cíl Resolver vrátí údaje pro hostname, typicky IP adresu. Záznam může vést na reverse proxy nebo infrastrukturu s více servery.
Vznikne zabezpečené spojení U HTTPS prohlížeč ověří platnost a jméno certifikátu, poté odešle HTTP request a přijme response.
Dokument se parsuje a vykresluje Z HTML vznikne DOM, z CSS pravidel stylová informace a prohlížeč vypočítá rozložení a obraz stránky.
Skripty doplní interakce JavaScript může reagovat na události či data API. Musí zvládnout chyby, zachovat přístupnost a bezpečně pracovat s obsahem.

Důležité souvislosti

Browser spojuje vykreslování, síť a bezpečnostní pravidla.

Výsledná stránka je souhra zdrojů, nastavení uživatele, sítě a chování konkrétního prohlížeče.

Adresní řádek a vyhledávání

Adresní řádek umí otevřít URL i předat text vyhledávači. Vyhledávač je samostatná internetová služba, nikoli druh prohlížeče.

DOM a vykreslení

DOM je strom dokumentu vytvořený z HTML a změněný skripty. Vizuální rozvržení nad ním vzniká s CSS a nemusí přesně kopírovat původní zdrojový soubor.

Cookies a úložiště

Cookies mají pravidla pro doménu, cestu a bezpečnostní atributy. Další browserová úložiště nenahrazují serverovou kontrolu identity ani oprávnění.

Cache

Prohlížeč může uchovat soubory a HTTP odpovědi podle hlaviček. Zrychlení nesmí vést k zobrazení nevhodně sdílených či zastaralých uživatelských dat.

Vývojářské nástroje

Network panel, inspector a konzole pomáhají ověřit requesty, DOM, hlavičky i chyby. Nejsou však důkazem, že serverovou operaci nelze vyvolat jiným klientem.

Vztah k podobným pojmům

Prohlížeč je klientské prostředí, ne celý frontend ani server.

Webová aplikace běží přes více vrstev; prohlížeč je jedna z nich a pracuje v hranicích, které mu nastavuje webová platforma.

Frontend: Je uživatelská část konkrétní aplikace. Prohlížeč ji načítá a vykonává, ale není vlastníkem jejího kódu ani business pravidel.
DOM: Je objektová reprezentace dokumentu uvnitř prohlížeče, ne původní HTML soubor ani obecná databáze stránky.
Webový server: Přijímá requesty a vrací odpovědi. Prohlížeč je naopak klient, který o zdroj žádá.
Cache: Může existovat v prohlížeči, CDN, reverse proxy i aplikaci. Browserová cache je jen jedna vrstva a řídí se HTTP pravidly.

Výhody a omezení

Běžný runtime webu je silný, ale není důvěryhodnou serverovou hranicí.

Přínosy

standardní prostředí pro HTML, CSS, JavaScript a webová API
integrovaná navigace, historie, cache, formuláře a vývojářské nástroje
ochrana části webových hranic pravidly originu, sandboxem a oprávněními
dostupnost webové aplikace na různých zařízeních bez instalace vlastního klienta

Rizika a časté chyby

zaměnit prohlížeč za vyhledávač nebo frontend za celý program
předpokládat, že DOM vždy přesně odpovídá odeslanému HTML
spoléhat na browserový kód jako na autorizaci serverové akce
ignorovat rozdíly zařízení, blokované skripty, rozšíření a pomalé připojení
považovat soukromý režim za anonymitu vůči serveru, síti nebo poskytovateli připojení

Kdy je jeho role zásadní

Vždy, když uživatel používá web přes běžné webové technologie.

Prohlížeč je společným klientem pro jednoduchý obsah, administrace, e-shopy i aplikace pracující s API. Kvalitní web počítá s omezeními uživatelova zařízení: může být malý displej, pomalá síť, klávesnice místo myši, vypnutý JavaScript nebo browser rozšíření, které blokuje část zdrojů.

Není nutné, aby každá stránka byla složitou klientskou aplikací. Serverem vytvořené HTML, funkční odkazy a formuláře tvoří spolehlivou základní vrstvu. JavaScript dává smysl tam, kde přináší skutečně lepší interakci a aplikace zároveň správně řeší chyby, focus, stav a komunikaci se serverem.

Na co myslet

Připravit web pro reálné podmínky na klientském zařízení.

Vývojář nemá úplnou kontrolu nad prohlížečem uživatele, může ale vytvořit rozhraní, které se chová předvídatelně a bezpečně.

doručit sémantické HTML a funkční základ navigace či formuláře i bez závislosti na skriptu
testovat mobilní šířku, klávesovou navigaci, focus, chyby a pomalejší síť
vkládat nedůvěryhodný obsah jako text nebo ho bezpečně sanitizovat podle konkrétního kontextu
správně nastavit HTTPS, cookies, HTTP cache a bezpečnostní hlavičky na serveru
nepřenášet důvěru z UI na server: autentizace, autorizace a validace patří do backendu

Časté otázky

Webový prohlížeč v praxi

Je prohlížeč totéž co vyhledávač?

Ne. Prohlížeč je program pro otevírání URL, vyhledávač je služba, která v obsahu webu vyhledává. Adresní řádek může používat vyhledávač jako jednu ze svých funkcí.

Je DOM stejné jako HTML zdrojový soubor?

Ne. Prohlížeč z HTML vytvoří DOM a JavaScript jej může následně měnit. DOM proto může od původní odpovědi serveru lišit.

Zajišťuje prohlížeč autorizaci uživatele?

Ne. Prohlížeč může přenést cookie nebo token, ale server musí u každé citlivé operace ověřit identitu, oprávnění a kontext zdroje.

Je soukromý režim anonymní?

Ne. Obvykle omezuje ukládání lokální historie po zavření okna, ale neschovává návštěvu před webem, sítí ani poskytovatelem připojení.

Jak stavím webová rozhraní v praxi

Aplikaci navrhuji pro skutečný prohlížeč, síť i uživatele.

Při práci na PHP aplikacích a integracích propojuji přístupné rozhraní s API a backendem tak, aby uživatel dostal srozumitelný výsledek i při chybě.

Jak pracuji s API a integracemi Nezávazně probrat projekt