Co je prohlížeč? Prohlížeč, anglicky browser, je program, ve kterém si otevíráte webové stránky. Znáte je pod názvy Chrome, Firefox, Safari nebo Edge. Prohlížeč si od serveru vyžádá stránku, stáhne si všechny její součásti a poskládá z nich to, co vidíte na obrazovce.

Přirovnat se to dá k hudebníkovi a notám. Server pošle noty, tedy HTML kód, styly v CSS a obrázky. Prohlížeč je hudebník, který podle nich zahraje výslednou skladbu, tedy vykreslí stránku. Stejné noty přitom mohou v podání různých hudebníků znít o kousek jinak, a proto se web může v jednotlivých prohlížečích drobně lišit.

Co všechno prohlížeč při otevření stránky udělá:

  • Zjistí adresu serveru – z domény si přes DNS zjistí, na kterém serveru web běží.
  • Naváže zabezpečené spojení – ověří SSL certifikát a zobrazí adresu jako https.
  • Stáhne součásti stránky – kód, styly, JavaScript, obrázky, písma.
  • Vykreslí výsledek – poskládá vše dohromady a spustí interaktivní prvky.
  • Uloží si část do zásoby – soubory, které se nemění, si nechá v mezipaměti, aby je příště nestahoval znovu.

Nejčastější otázka zní: proč mi web vypadá jinak než kolegovi? Většinou za to může právě mezipaměť. Prohlížeč má uloženou starší verzi souboru a nová se k němu nedostala. Pomůže obnovení stránky s vyprázdněním mezipaměti nebo otevření webu v anonymním okně, které nic uloženého nepoužívá. Právě proto po každé změně webu ověřte, jestli vidíte skutečně aktuální podobu, a ne tu z paměti.

Prohlížeč zároveň hlídá bezpečnost. Když u adresy chybí platný certifikát, zobrazí varování a návštěvníka odradí; jak tomu předejít, popisuje heslo SSL certifikát. Blokuje také míchání zabezpečeného a nezabezpečeného obsahu, takže obrázek načtený přes obyčejné http se na zabezpečené stránce nemusí zobrazit vůbec.

Nepleťte si prohlížeč s vyhledávačem. Prohlížeč je program na Vašem zařízení, vyhledávač je služba, kterou v něm otevřete. Je to jako rozdíl mezi televizí a televizním kanálem. A ještě jedno upozornění: prohlížeče se samy aktualizují a zastaralá verze bývá bezpečnostním rizikem i důvodem, proč se moderní web nezobrazí správně.

Pro majitele webu z toho plyne jednoduché doporučení. Než web spustíte, otevřete si jej alespoň ve dvou různých prohlížečích a nutně také v mobilu, kde rozhoduje nastavení viewportu. Většinu rozdílů dnes vyřeší poctivý responzivní design, ale ověřit si to vlastníma očima se vyplatí vždy.