Aptikti naršyklę naudojant „JavaScript“

Kurdami žiniatinklio programą gali būti taip, kad turime aptikti naršyklę, kurią vartotojas naudoja tam, kad patvirtintume kai kurias mūsų įdiegtas funkcijas, kurios su ja neveikia, arba tiesiog todėl, kad norime įjungti papildomų funkcijų, priklausomai nuo viena ar kita naršyklė.

Geriausias dalykas šiais atvejais yra naudoti „JavaScript“ ir sutaupykite mums galvos skausmo aptikti naršyklę, pažiūrėkime, kaip tai darome.

Naršyklės aptikimas

Pirmiausia sukurkime a HTML paprasta įtraukti mūsų „JavaScript“ ir patvirtinti mūsų patvirtinimus, jame bus toks turinys:

 Naudotojo naršyklės aptikimas 

Jau su mūsų kodu HTML galime pradėti kurti savo kodą „JavaScript“ kuris pateks į scenarijaus žymas. Pirmiausia aptikime vieną iš dažniausiai naudojamų naršyklių, „Google Chrome“, tam mes naudosime objektą navigatorius kuriame yra viskas, ko mums reikia:

 var es_chrome = navigator.userAgent.toLowerCase (). indexOf ('chrome')> -1; if (es_chrome) {alert („Naudojama naršyklė yra„ Chrome ““); }

Kai vykdote mūsų pavyzdį bet kurioje naršyklėje, išskyrus „Google Chrome“ Pranešimo negausime, tačiau vykdydami jį minėtoje naršyklėje gausime tokį pranešimą:

Mes jau žinome, kaip aptikti „Google Chrome“, pažiūrėkime, kaip tai padaryti „Firefox“:

 var es_firefox = navigator.userAgent.toLowerCase (). indexOf ('firefox')> -1; if (es_firefox) {alert ("Naudojama naršyklė yra" Firefox ""); }

Kaip matome, kodas yra gana panašus, nes objektą galime naudoti taip pat navigatorius ir jei suvokiame su -1, aptinkame visas jo versijas, pažiūrėkime, koks yra jo atsakymas vykdant „Firefox“:

Taip pat galime aptikti naršyklę Opera, Jis nėra plačiai naudojamas tarp vartotojų, tačiau verta žinoti, kaip tai padaryti vienodai:

 var is_opera = navigator.userAgent.toLowerCase (). indexOf ('opera'); if (es_opera) {alert ("Naudojama naršyklė yra Opera"); }

Galiausiai svarbu aptikti Internet Explorer Kadangi tai yra viena iš naršyklių, kuri kelia daugiau problemų kuriant žiniatinklį, stilių, įvykių ir efektų lygiu, pažiūrėkime, kaip ją aptikti:

 var es_ie = navigator.userAgent.indexOf ("MSIE")> -1; if (es_ie) {alert ("Naudojama naršyklė yra" Internet Explorer ""); }

Vykdome jį naršyklėje ir gausime tokį atsakymą, taip patikrindami mūsų funkcionalumą:

Taigi baigiame šią pamoką ir pridedame kodo dalis, kurios padės aptikti vartotojo naršyklę, o tai labai naudinga tais atvejais, kai turime patvirtinti jos aplinką, ar išspręsti variklio problemas, ar įjungti specialias funkcijas.

Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką