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 539×

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 Otevřené bankovnictví usnadní život nejen jednotlivcům, ale i firmám.

Otevřené bankovnictví usnadní život nejen jednotlivcům, ale i firmám.

Většina lidí by ráda obsluhovala své bankovní účty z jednoho místa. Díky evropské směrnici o platebních službách PSD2 by se brzy mohlo jednat o realitu. Některé tuzemské banky již služby takzvaného otevřeného bankovnictví umožňují, nejpozději od září by měly svá API rozhraní zpřístupnit vývojářům třetích stran. To otevírá prostor pro fintech firmy a start-upy, ale třeba i vývojáře ERP a fakturačních systémů, kteří by díky propojení svých produktů s bankami významně ulehčili klientům při správě financí.

Reklama
Reklama
Obrázek ke článku Velké srovnání TOP e-shopových řešení!

Velké srovnání TOP e-shopových řešení!

Předmět případové studie je ​středně velký e-shop​ s počtem produktů do 5 000, který chce expandovat na slovenský trh a potřebuje ​druhou jazykovou mutaci v eurech ​na vlastní doméně.

Výběr vhodného systému závisí na mnoha aspektech a měl by být pečlivě zvážen na základě potřeb a konkrétních požadavků plánovaného nebo migrovaného e-shopu.

Obrázek ke článku Master Data Management a jak nám pomůže

Master Data Management a jak nám pomůže

Master Data (česky také kmenová data) jsou data sdílená napříč různými systémy, nemění se příliš často a netransakční. Jedná se o informace o obchodních partnerech, produktech, vlastních pracovnících. Objednávky, faktury, účetní zápisy do této oblasti nespadají.

Obrázek ke článku Startup DoDo zajistí městskou logistiku pro RunCzech

Startup DoDo zajistí městskou logistiku pro RunCzech

Startup DoDo se stává důležitým partnerem RunCzecha na významných běžeckých závodech včetně 25. ročníku Volkswagen Maratonu Praha se bude starat o logistické zázemí. Lídr v oblasti městské logistiky bude mimo jiné zásobovat občerstvovací stanice a pomůže rovněž se zajištěním televizních přenosů ze závodů.

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