Příprava webu na Microsoft Edge
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Příprava webu na Microsoft EdgePříprava webu na Microsoft Edge

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno
Laser Game Ostrava

Příprava webu na Microsoft Edge

Google       3. 9. 2015       12 826×

Spolu s Windows 10 se pro miliony lidí změní výchozí webový prohlížeč na Microsoft Edge. Protože je to celkem zásadní změna, připravili jsme pro vás pár základních tipů, jak upravit svůj web, aby se v novém prohlížeči zobrazoval správně.

Reklama
Reklama

Microsoft Edge ve Windows 10 nahradí dobře známý Internet Explorer a od svého předchůdce se liší takřka ve všem – má úplně nové vykreslovací jádro, je univerzální aplikací pro Windows, takže se aktualizuje přes Windows Store, a funguje úplně stejně i na Windows 10 pro mobilní telefony.

O vzniku nového prohlížeče a vykreslovacího jádra a oprostění od dědictví IE pojednává například video z konference Microsoft Edge Web Summit 2015.

Chcete-li svůj web připravit na Microsoft Edge, rozhodně neuděláte chybu, když se budete držet moderních webových standardů. Microsoft již několik let provozuje portál modern.ie, na němž najdete nástroje, doporučení a technickou dokumentaci pro tvorbu webů, které fungují správně napříč platformami. Úroveň zapracování jednotlivých funkcí najdete v detailním přehledu. Svůj web můžete otestovat v online nástroji.

Režim vykreslování

Prohlížeče mohou přepnout do zastaralého režimu vykreslování, pokud nenajdou správný DOCTYPE. Stránka by ho proto měla deklarovat tak, aby správně zpracovaly HTML 5 a CSS 3.

Začněte své HTML jednoduše:

<!DOCTYPE html>

A pokud si budete chtít být naprosto jisti, přidejte ještě hlavičku:

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

Detekce prohlížeče

Historicky oblíbený způsob detekce prohlížeče podle User Agent a následné přizpůsobení obsahu není vhodný. Cílem je stejně zjistit, zda je v daném prohlížeči podporovaná konkrétní funkce nebo jestli trpí konkrétní chybou vykreslování. Mnohem lepší proto je přejít na tzv. „feature detection“, kdy se přímo ptáte na podporu konkrétní funkce a nespoléháte na verzi prohlížeče.

Příklad feature detection

Zajistit správnou detekci ve větších projektech není úplně jednoduché, naštěstí ale existují nástroje jako Modernizr, které dokážou výrazně pomoci.

CSS prefixy

CSS vlastnosti specifické pro konkrétní prohlížeče by měly být doplněny o své standardní varianty, pokud je to možné.

Např. nastavení „-webkit-box-shadow“ a „box-shadow“ zajistí, že se stín zobrazí i v prohlížečích, které nepoužívají WebKit.

Pokud naopak standardní varianta neexistuje, je dobré mít pokryty všechny vendor prefixy (-webkit, -moz, -ms, -o).

JavaScript

JavaScriptové knihovny by měly být aktualizovány na poslední verze.

Po načtení stránky, typicky v rámci $(document).ready(), není dobré provádět větší množství komplexních činností – web pak může na uživatele působit zpomaleně. Zvažte, které prvky je nutné inicializovat hned a které počkají, než budou opravdu potřeba (např. vlastní tooltipy nebo dialogy).

Pluginy a doplňky

Podpora pluginů z prohlížečů postupně mizí a uživatelé čím dál častěji procházejí web na zařízeních, která je neobsahují. Microsoft Edge, podobě jako další moderní prohlížeče, už nebude podporovat doplňky typu ActiveX, Silverlight, Java nebo Flash.

Je vhodné, aby váš web místo nich používal moderní webové technologie vycházející z HTML 5 a vyvaroval se specifickým rozšířením prohlížeče. Jak například přejít na přehrávání videa pomocí HTML 5, najdete v tomto článku.

Formuláře HTML 5

HTML 5 také přináší několik nových typů formulářového prvku <input> (např. color, date, email...). Moderní prohlížeče a nová zařízení pak umí podle typu přizpůsobit zobrazení a způsob zadávání (např. rozbalovací nabídka se dny pro date). V případě, že zařízení nový typ nepodporuje, zobrazí jej prostě jako „text“.

Input typu date v Microsoft Edge

Na závěr

Abyste si mohli Edge vyzkoušet i bez nutnosti instalovat Windows 10 (nebo si vůbec pořizovat PC), připravil Microsoft také sadu virtuálních strojů pro různé platformy.

Kompatibilita s novým prohlížečem v podstatě znamená hlavně držet se moderních standardů, takže provést potřebné úpravy (mnohdy drobné) se vyplatí i z dlouhodobého hlediska a není vhodné jenom kvůli Edge.

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
7 hlasů
Google
(fotka) Martin ŠimečekPracuje v českém Microsoftu a zaměřuje se na technologie pro vývojáře. Jeho denním chlebem je setkávání s vývojáři velkých i menších firem, startupy a jednotlivci. Kromě toho přednáší, nahrává videa, píše a programuje. A ještě je i korektor, knihomol, geocacher, gamer, plavec a cyklista.
Web     Twitter     LinkedIn    

Nové články

Obrázek ke článku Ericsson ConsumerLab Report: rozšířená realita je další úrovní gamingu

Ericsson ConsumerLab Report: rozšířená realita je další úrovní gamingu

Celkem 66 % uživatelů zajímá rozšířená realita v oblasti gamingu. Mezi nimi je i 35 % těch, kteří jinak hry nehrají.
Pro téměř 50 % respondentů by bylo zajímavé zapojení virtuální objektů do reálného světa. Objekty by zůstaly tam, kde je při hře „umístili“.
Až 43 % uživatelů láká využití rozšířené reality ve sportu

Reklama
Reklama
Obrázek ke článku Instalace nejnovější verze Apache 2.4, PHP 7.3, MariaDB 10.3 a Memcached na Windows 10

Instalace nejnovější verze Apache 2.4, PHP 7.3, MariaDB 10.3 a Memcached na Windows 10

Buďte při vývoji efektivní! Pomocí tohoto návodu během chvíle vytvoříte ze svého počítače lokální webový server. Vyzbrojíte jej vším, co budete při práci potřebovat: Apache 2.4, PHP 7.3, MariaDB 10.3 a Memcached. Je to plná polní pro webové vývojáře s Windows 10. Navíc poradíme, jak mít na localhostu více projektů pomocí VirtualHost.

Obrázek ke článku Do poskytovatele managed hostingových služeb vshosting~ vstupují zahraniční investoři

Do poskytovatele managed hostingových služeb vshosting~ vstupují zahraniční investoři

Po více než roce jednání do vshosting~ vstoupili 3 investiční skupiny z Německa: Pecunalta, BrainWeb Investment a Quines Capital. Jde o investiční skupiny, které mají účast na projektech jako PlusServer (největší managed provider v Německu a jeden z největších v Evropě), PLESK, cPanel, CloudLinux, GoDaddy (největší světový hostingový poskytovatel z USA), či Acronis, pomohou vshosting~ v jeho plánované mezinárodní expanzi na další zahraniční trhy. Ve vshosting~ nyní drží 75% podíl, zbylých 25 % zůstává zakladatelům vshosting~, kterými jsou Damir Špoljarič (CEO) a Jan Martinů (CTO).

Obrázek ke článku Posuňte své znalosti IT na výrazně vyšší úroveň

Posuňte své znalosti IT na výrazně vyšší úroveň

Zájem o IT odborníky je v současnosti v tuzemsku i v zahraničí enormní a vedení firem si moc dobře uvědomuje, jak těžké je získat ty správné. I přesto, že je odborníků na trhu dlouhodobý nedostatek, stále platí, že část z nich je - a bude - placena výrazně lépe než ti ostatní. Proč tedy nebýt mezi nimi?

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032019 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý