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

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

 

Příprava webu na Microsoft Edge

Google       3. 9. 2015       9 517×

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 Nový IT hráč na českém trhu

Nový IT hráč na českém trhu

V roce 2015 otevřela v Praze na Pankráci v budově City Tower své kanceláře společnost EPAM Systems (NYSE:EPAM), jejíž centrála se nachází v USA. Společnost byla založená v roce 1993 a od té doby prošla velkým vývojem a stále roste.

Reklama
Reklama
Obrázek ke článku České Radiokomunikace opět hledají nejlepší nápady pro internet věcí

České Radiokomunikace opět hledají nejlepší nápady pro internet věcí

České Radiokomunikace (CRA) pořádají druhý ročník CRA IoT Hackathonů. Zájemci z řad vývojářů a fanoušků moderních technologií mohou změřit své síly a během jediného dne sestrojit co nejzajímavější funkční prototyp zařízení, které bude komunikovat prostřednictvím sítě LoRa. CRA IoT Hackathony se letos uskuteční ve dvou fázích, na jaře a na podzim, v různých městech České republiky. Jarní běh se odstartuje 31. března v Brně a 7. dubna v Praze.

Obrázek ke článku Cloud computing je využíván stále intenzivněji

Cloud computing je využíván stále intenzivněji

Využívání cloud computingu nabývá na intenzitě. Jen v letošním roce vzroste podle analytiků trh se službami veřejného cloudu o 18 %, přičemž o téměř 37 % vzrostou služby typu IaaS. Růst o více než pětinu pak čeká služby poskytování softwaru formou služby, tedy SaaS. Aktuálním trendům v oblasti využívání cloudu se bude věnovat konference Cloud computing v praxi, která se koná 23. března. 2017 v pražském Kongresovém centru Vavruška na Karlově náměstí 5.

loadingtransparent (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý