Detekovat prohlížeč pomocí JavaScriptu

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živatele 

Již 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