Při vývoji webové aplikace může dojít k tomu, že musíme detekovat prohlížeč, který uživatel používá k ověření některých funkcí, které jsme implementovali a které s ním nefungují, nebo jednoduše proto, že chceme povolit další funkce v závislosti na jeden prohlížeč nebo jiný.
Nejlepší věc pro tyto případy je použít JavaScript a ušetří nám bolesti hlavy, abychom detekovali prohlížeč, pojďme se podívat, jak to děláme.
Detekce prohlížeče
Nejprve vytvoříme a HTML jednoduché zahrnout naše JavaScript a ověřit naše ověření, bude obsahovat následující obsah:
Detekce prohlížeče uživateleJiž s naším kódem HTML můžeme začít vytvářet náš kód JavaScript který půjde dovnitř tagů skriptu. Pojďme nejprve detekovat jeden z nejpoužívanějších prohlížečů, Google Chrome, k tomu použijeme objekt navigátor který obsahuje vše, co potřebujeme:
var es_chrome = navigator.userAgent.toLowerCase (). indexOf ('chrome')> -1; if (es_chrome) {alert ("Používaný prohlížeč je Chrome"); }Při spuštění našeho příkladu v jiném prohlížeči než Google Chrome Zprávu nedostaneme, ale při jejím spuštění ve zmíněném prohlížeči dostaneme následující zprávu:
Už víme, jak detekovat Google Chrome, pojďme se podívat, jak to udělat Firefox:
var es_firefox = navigator.userAgent.toLowerCase (). indexOf ('firefox')> -1; if (es_firefox) {alert ("Používaný prohlížeč je Firefox"); }Jak vidíme, kód je docela podobný, protože můžeme objekt použít stejným způsobem navigátor a pokud si uvědomíme, že pomocí -1 zjistíme všechny jeho verze, podívejme se na stejnou odpověď při jeho provádění v Firefox:
Můžeme také detekovat prohlížeč Opera„Mezi uživateli se příliš nepoužívá, ale stojí za to vědět, jak to udělat stejně:
var is_opera = navigator.userAgent.toLowerCase (). indexOf ('opera'); if (es_opera) {alert ("Používaný prohlížeč je Opera"); }Nakonec je důležité zjistit Internet Explorer Jelikož je to jeden z prohlížečů, který přináší více problémů při vývoji webu, na úrovni stylů, událostí a efektů, pojďme se podívat, jak jej zjistit:
var es_ie = navigator.userAgent.indexOf ("MSIE")> -1; if (es_ie) {alert ("Používaný prohlížeč je Internet Explorer"); }Spustíme to v prohlížeči a dostaneme následující odpověď, čímž zkontrolujeme naši funkčnost:
Tímto tutoriál ukončujeme a přidáváme části kódu, které nám pomohou detekovat prohlížeč uživatele, což je něco velmi užitečného pro příležitosti, kdy potřebujeme ověřit jeho prostředí, ať už k vyřešení problémů s motorem nebo povolení speciálních funkcí pro něj.
Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod
