Böngészők beazonosítása.
Figyelj! Explorernél engedélyezni kell, a script futtatását!
Weboldalak létrehozásánál vagy azok fejlesztésénél, böngésző problémák lehetnek:
- Sokszor fontos tudni, hogy milyen verziójú böngészőt használ. Ez megkönnyíti a hibakeresést vagy egyszerűen csak megbizonyosodhat arról, hogy böngészője naprakész.
- Div szakaszok méreteiben. Ezt a problémát CSS, azaz, stíluslapon megoldhatjuk.
- A left:10px; alatti méreteket, figyelmen kívül hagyják. (Pl.: Sleipnir)
- JavaScript alkalmazások eredményeiben. Itt tudni kellene, ki melyik böngészővel nézi a weboldalt.
Weboldalak fejlesztéséhez, teszteléséhez, gyakran használt böngészők beazonosításához szükséges adatot, az userAgent adataiból lekérdezhetjük.
Beazonosított böngészőknél, azok nevének és verziójuk ismeretében:
- JavaScript programmal meghatározhatjuk weboldalunk megjelenését.
- Korrigálhatjuk a böngészők eltéréseiből adódó hibákat.
- Figyelmeztethetjük felhasználót, hogy a most használt böngészője elavult.
- Dokumentáció bizonyos részeinek megjelenési formátumához, frissíteni kell böngésző programját, stb.
Megjegyzés:
Egyértelműen minden olyan böngészőt beazonosíthatunk, melyek az userAgent adatoknál, megadják a nevüket.
Például: Firefox, Safari, Chrome, Opera, Sleipnir, Maxton, Edge, stb.)
Figyelj! Explorernél engedélyezni kell, a script futtatását!
| Régebbi Michrosoft MSIE, és erre épülő böngészők eredménye, 2018-ban. |
Újabbak, és nem Michrosoft alapra épülők eredménye, 2018-ban. |
Ön által, most nézett böngésző jelenlegi eredménye: |
|---|---|---|
getYear() = 1900-tól eltelt évek: 2018 getFullYear() = Jelenlegi évszám: 2018 |
getYear() = 1900-tól eltelt évek: 118 getFullYear() = Jelenlegi évszám: 2018 |
getYear() = 1900-tól eltelt évek: getFullYear() = Jelenlegi évszám: |
|
Ön által, most nézett böngésző, userAgent adatai: |
||
<body> <h4>1900-tól eltelt évek száma = <span id="elteltev"></span></h4> <script> var agentinfo=navigator.userAgent; // userAgent adatok lekérdezése. var Bid="Trident"; // Böngésző azonosító: Trident var Kpoz = agentinfo.indexOf(Bid); // Azonosító kezdő pozíciója. var datum = new Date(); var ElteltEvek=datum.getYear(); // Eltelt évek száma. var MElteltEvek=ElteltEvek-1900; // Microsoft eltelt évek száma. // Trident bázisú böngészők meghatározása. if(Kpoz>1 && MElteltEvek>0) { document.getElementById("elteltev").innerHTML=MElteltEvek; } else { document.getElementById("elteltev").innerHTML=ElteltEvek; } </script> </body> |
1900-tól eltelt | |
Példák, a gyakran használt böngészőkre.
| 1. Internet Explorer Azonosítók: - Trident - Trident és InfoPath - Trident és MSIE |
2. Mozilla Firefox Azonosító: Firefox |
3. Google Chrome Azonosító: Chrome és Safari |
4. Safari Azonosító: Safari |
| 5. Opera Azonosító: Chrome - Safari és OPR |
6. Sleipnir Azonosító: Chrome - Safari és Sleipnir |
7. Edge Azonosító: Chrome - Safari és Edge |
11. Maxthon Azonosító: Chrome - Safari és Maxthon |
Ha a bal felső sarokban, ez az ikon jelenik meg: | |
| 9. Avant Browser userAgent adatai, megegyeznek: Explorer adataival: Trident |
13. SlimBrowser userAgent adatai, megegyeznek: Explorer adataival: Trident vagy Trident MSIE Figyelj: Letöltést követően az explorer keresősávjába linkeket helyezhet el. Ezeket törölni kell, hogy működésében Explorert ne zavarják. |
akkor, 90% Explorer. De lehet ismeretlen is, mely telepítve van, és Explorer valamelyik verziójára építi böngészőjét!|
| |
|
Azonosítás, összevont nevekből: | |
Version: |
<head>
<title>Böngészők azonosítása.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<style type="text/css">
.UA_adatok{width:750px; margin-top: 10px; margin-right: auto; margin-left: auto; padding: 5px;background-color: #fff;}
.ameret12 {font-size: 12px; font-style: normal;}
</style>
</head>
<body>
<h1>Böngészők azonosítása.</h1>
<table class="UA_adatok"><caption>
<p><b>Most nézett böngésző neve.</b><br />Figyelj! Explorernél engedélyezni kell, a script futtatását!</p>
</caption>
<tr><td><center>
<h3>
<span id="Bongeszo_Beazonositas"></span> <span class="ameret12">Version: <span id="WBverzio"></span></span>
</h3>
<p><span id="infoMegjegyzes"></span></p>
</center></td></tr></table>
<script language="JavaScript" type="text/javascript" >
var usAdat = navigator.userAgent;
var NavUAhossz= usAdat.length;
// Keresett azonosító szavak, változóhoz rendelése.
var Bne1="Trident"; // Trident azonosító - Például: IE-11, Avant Browser és további ismeretlenekhez.
var Bne2="InfoPath"; // Explorer azonosító.
var Bne3="MSIE"; // MSIE azonosító.
var Bne4="Edge"; // Edge azonosító.
var BnF1="Firefox"; // Firefox azonosító.
var BnC1="Chrome"; // Chrome azonosító.
var BnS1="Safari"; // Safari azonosító.
var BnO1="OPR"; // Opera azonosító.
var BnSle1="Sleipnir"; // Sleipnir azonosító.
var BnMax1="Maxthon"; // Maxthon azonosító.
// Keresett azonosító szavak hossza: ---------------
var Bne1h=Bne1.length;
var Bne2h=Bne2.length;
var Bne3h=Bne3.length;
var Bne4h=Bne4.length;
var BnF1h=BnF1.length;
var BnC1h=BnC1.length;
var BnS1h=BnS1.length;
var BnO1h=BnO1.length;
var BnSle1h=BnSle1.length;
var BnMax1h=BnMax1.length;
// Keresett azonosító szó kezdő pozíciója. --------------------------
var Bne1kpoz = usAdat.indexOf(Bne1); // IE Trident azonosító kezdő poz.
var Bne2kpoz = usAdat.indexOf(Bne2); // IE InfoPath azonosító kezdő poz.
var Bne3kpoz = usAdat.indexOf(Bne3); // IE MSIE azonosító kezdő poz.
var Bne4kpoz = usAdat.indexOf(Bne4); // Microsoft Edge azonosító kezdő poz.
var BnF1kpoz = usAdat.indexOf(BnF1);
var BnC1kpoz = usAdat.indexOf(BnC1);
var BnS1kpoz = usAdat.indexOf(BnS1);
var BnO1kpoz = usAdat.indexOf(BnO1);
var BnSle1kpoz = usAdat.indexOf(BnSle1);
var BnMax1kpoz = usAdat.indexOf(BnMax1);
// Keresett azonosító szó utolsó karakterének pozíciója -----------------
var Bne1upoz = Bne1kpoz+Bne1h; // Trident
var Bne2upoz = Bne2kpoz+Bne2h; // InfoPath
var Bne3upoz = Bne3kpoz+Bne3h; // MSIE
var Bne4upoz = Bne4kpoz+Bne4h; // Edge
var BnF1upoz = BnF1kpoz+BnF1h;
var BnC1upoz = BnC1kpoz+BnC1h;
var BnS1upoz = BnS1kpoz+BnS1h;
var BnO1upoz = BnO1kpoz+BnO1h;
var BnSle1upoz = BnSle1kpoz+BnSle1h;
var BnMax1upoz = BnMax1kpoz+BnMax1h;
// Talált szavak a kezdő pozíciójuk és utolsó pozíciójuk alapján. ----------
var Expksz=usAdat.substring(Bne1kpoz,Bne1upoz); // Trident
var Expksz2=usAdat.substring(Bne2kpoz,Bne2upoz); // Explorer
var Expksz3=usAdat.substring(Bne3kpoz,Bne3upoz); // Explorer
var Expksz4=usAdat.substring(Bne4kpoz,Bne4upoz); // Edge
var Mozksz=usAdat.substring(BnF1kpoz,BnF1upoz); // Firefox
var Gogksz=usAdat.substring(BnC1kpoz,BnC1upoz); // Chrome
var Safksz=usAdat.substring(BnS1kpoz,BnS1upoz); // Safari
var Opeksz=usAdat.substring(BnO1kpoz,BnO1upoz); // Opera
var Sleksz=usAdat.substring(BnSle1kpoz,BnSle1upoz); // Sleipnir
var Maxksz=usAdat.substring(BnMax1kpoz,BnMax1upoz); // Maxthon
// -------- Változók előkészítése azonosításra. ---------------------------
// Michrosoft fejlesztések:
var TBExp=""; var TBExp2=""; var TBExp3=""; var TBEdge="";
// Továbbiak, melyek a nevüket is adják:
var TBFir=""; var TBChr=""; var TBSaf=""; var TBOpe=""; var TBSle=""; var TBMax="";
// --------------------------------------------------------------------------
// Böngésző információjában található azonosítók alapján, böngészők neveinek beazonosítása.
if(Expksz==Bne1) {var TBExp=Bne1;}
if(Expksz2==Bne2) {var TBExp2=Bne2;}
if(Expksz3==Bne3) {var TBExp3=Bne3;}
if(Expksz4==Bne4) {var TBEdge=Bne4;}
if(Mozksz==BnF1) {var TBFir=BnF1;}
if(Gogksz==BnC1) {var TBChr=BnC1;}
if(Safksz==BnS1) {var TBSaf=BnS1;}
if(Opeksz==BnO1) {var TBOpe=BnO1;}
if(Sleksz==BnSle1) {var TBSle=BnSle1;}
if(Maxksz==BnMax1) {var TBMax=BnMax1;}
// -----------------------------------------------------------------------------------------
// Figyelj a böngészőket azonosító nevek, összefüzési sorrendjére:
// IE + IE2 + IE3 + Firefox + Google + Safari + továbbiak mindegy milyen sorrendben
var osszTBnevek=TBExp+TBExp2+TBExp3+TBFir+TBChr+TBSaf+TBOpe+TBEdge+TBSle+TBMax;
// -------------------------------------------------------------------------------------------------------
// UA információban található azonosítók összefüzésével, böngészőnevek változóhoz rendelése.
// Böngészők, melyeket azonosítani csak a trident szóval lehtséges, ismeretlennek nevezzük.
var Ismeretlen="Trident";
var ExplorerTnevek2="TridentInfoPath";
var ExplorerTnevek3="TridentMSIE";
var MEdgeTnevek="ChromeSafariEdge";
var FirefoxTnevek="Firefox";
var GogleTnevek="ChromeSafari";
var SafariTnevek="Safari";
var OperaTnevek="ChromeSafariOPR";
var SleipnirTnevek="ChromeSafariSleipnir";
var MaxthonTnevek="ChromeSafariMaxthon";
// --- Böngészők verziószáma. - VKp=Verzió kezdő poz. VUp=Verzió utólsó poz.-------
// Michrosoft verziók. rv; MSIE; Edge; -----------------------
var Erv="rv"; var Ervh=Erv.length; var Ervkpoz = usAdat.indexOf(Erv);
var Ervupoz = Ervkpoz+Ervh;
var VKpE1=Ervupoz+1; var VUpE1=VKpE1+3; var E1ver=usAdat.substring(VKpE1,VUpE1);
var VKpE3=Bne3upoz+1; var VUpE3=VKpE3+3; var E3ver=usAdat.substring(VKpE3,VUpE3);
var VKpE4=Bne4upoz+1; var VUpE4=VKpE4+3; var E4ver=usAdat.substring(VKpE4,VUpE4);
// Safari verzió. -------------------------------------------
var S1version="Version"; var S1verh=S1version.length; var S1verkpoz = usAdat.indexOf(S1version);
var S1verupoz = S1verkpoz+S1verh;
var VKpS1=S1verupoz+1; var VUpS1=VKpS1+3; var S1ver=usAdat.substring(VKpS1,VUpS1);
// Firefox; Chrome; Opera; Slepnir; Maxthon; verzió. --------
var VKpF1=BnF1upoz+1; var VUpF1=VKpF1+3; var F1ver=usAdat.substring(VKpF1,VUpF1);
var VKpC1=BnC1upoz+1; var VUpC1=VKpC1+3; var C1ver=usAdat.substring(VKpC1,VUpC1);
var VKpO1=BnO1upoz+1; var VUpO1=VKpO1+3; var O1ver=usAdat.substring(VKpO1,VUpO1);
var VKpSle1=BnSle1upoz+1; var VUpSle1=VKpSle1+3; var Sle1ver=usAdat.substring(VKpSle1,VUpSle1);
var VKpMax1=BnMax1upoz+1; var VUpMax1=VKpMax1+3; var Max1ver=usAdat.substring(VKpMax1,VUpMax1);
// ------------------------------------------------------------------------------------------------------
// Most nézett böngésző nevének beazonosítása, és kiíratása. ----------------------
switch (osszTBnevek) {
case Ismeretlen: var nev="Explorer"; var BVersion=E1ver; break;
case ExplorerTnevek2: var nev="Explorer"; var BVersion=E1ver; break;
case ExplorerTnevek3: var nev="Explorer"; var BVersion=E3ver; break;
case MEdgeTnevek: var nev="Edge"; var BVersion=E4ver; break;
case FirefoxTnevek: var nev="Firefox"; var BVersion=F1ver; break;
case GogleTnevek: var nev="Chrome"; var BVersion=C1ver; break;
case SafariTnevek: var nev="Safari"; var BVersion=S1ver; break;
case OperaTnevek: var nev="Opera"; var BVersion=O1ver; break;
case SleipnirTnevek: var nev="Sleipnir"; var BVersion=Sle1ver; break;
case MaxthonTnevek: var nev="Maxthon"; var BVersion=Max1ver; break;
default: var nev="Nincs találat";
}
document.getElementById("Bongeszo_Beazonositas").innerHTML=nev+"<br>";
// Megjegyzés:
// -- "Trident" vagy "Trident MSIE" azonosítókat, IE és ismeretlen böngészők is alkalmazzák.
if(osszTBnevek==ExplorerTnevek3 || osszTBnevek==Ismeretlen) {
var Tajekoztato="Vagy nevét eltitkoló böngésző, mely Microsoft alapokra épül.";
}
else { var Tajekoztato=nev+" saját fejlesztése."; }
document.getElementById("infoMegjegyzes").innerHTML=Tajekoztato+"<br>";
document.getElementById("WBverzio").innerHTML=BVersion+"<br>";
</script>
|