Zdarza się że projektujemy stronę, która inaczej wygląda dla przeglądarek mobilnych, a inaczej dla zwykłych. Jak wykryć która przeglądarka jest właśnie w użyciu? Oto kod który to umożliwi:
[sourcecode language=”javascript” collapse=”false”]
var mobile = function(){
return {
detect:function(){
var uagent = navigator.userAgent.toLowerCase();
var list = this.mobiles;
var ismobile = false;
for(var d=0;d<list.length;d+=1){
if(uagent.indexOf(list[d])!=-1){
ismobile = true;
}
}
return ismobile;
},
mobiles:[
"midp","240×320","blackberry","netfront","nokia","panasonic",
"portalmmm","sharp","sie-","sonyericsson","symbian",
"windows ce","benq","mda","mot-","opera mini",
"philips","pocket pc","sagem","samsung","sda",
"sgh-","vodafone","xda","palm","iphone",
"ipod","android"
]
};
}();
[/sourcecode]
Powyższy kod tworzy obiekt przypisany do zmiennej mobile, który posiada funkcje detect() zwracający true dla przeglądarek mobilnych oraz false dla reszty.
