Tarayıcı pazarında firmalar ve sürümler arttıkça tasarımcıların işi
de günden güne zorlaşıyor. X tarayıcısında sorunsuz görünen bir tasarım Y
tarayıcısı tarafından yorumlanınca istenmedik sonuçlar verebiliyor
bunun içinde tarayıcıya özel tasarımlar yazmak veya kullanıcıyı uyarmak
gerekiyor. Genelde sunucu taraflı kod yazdığım için beni pek
ilgilendirmeyen bu sorunu son zamanlarda javascript ve az da olsa css
ile uğraştığım için ben de yaşadım ve internette tarayıcı belirlemek
için yazılan hazır bir kod bulmak için hemen google’a doğru yol aldım.
Derdimi google’a anlatamamdan olsa gerek tam olarak aradığımı bulamadım
ve aşağıdaki kod ortaya çıktı. Benim gibi google’a başvurup aradığını
bulamayanlar için de paylaşayım dedim. Aşağıdaki kod kullanılan
tarayıcının adını ve sürümünü bulmakta. Bana sürüm numarasının ilk
hanesi gerektiği için sadece ilk haneyi aldım, düzenli ifadeyi kendinize
göre ayarlayıp istediğiniz userAgent bilgisini alabilirsiniz.
view
source
[Linkleri görebilmek için üye olun veya giriş yapın.]
de günden güne zorlaşıyor. X tarayıcısında sorunsuz görünen bir tasarım Y
tarayıcısı tarafından yorumlanınca istenmedik sonuçlar verebiliyor
bunun içinde tarayıcıya özel tasarımlar yazmak veya kullanıcıyı uyarmak
gerekiyor. Genelde sunucu taraflı kod yazdığım için beni pek
ilgilendirmeyen bu sorunu son zamanlarda javascript ve az da olsa css
ile uğraştığım için ben de yaşadım ve internette tarayıcı belirlemek
için yazılan hazır bir kod bulmak için hemen google’a doğru yol aldım.
Derdimi google’a anlatamamdan olsa gerek tam olarak aradığımı bulamadım
ve aşağıdaki kod ortaya çıktı. Benim gibi google’a başvurup aradığını
bulamayanlar için de paylaşayım dedim. Aşağıdaki kod kullanılan
tarayıcının adını ve sürümünü bulmakta. Bana sürüm numarasının ilk
hanesi gerektiği için sadece ilk haneyi aldım, düzenli ifadeyi kendinize
göre ayarlayıp istediğiniz userAgent bilgisini alabilirsiniz.
view
source
[Linkleri görebilmek için üye olun veya giriş yapın.]
01 |
02 | var application = navigator.appName; |
03 | var agent = navigator.userAgent; |
04 | var browser; |
05 | var version; |
06 |
07 | if (application == 'Microsoft Internet Explorer'){ |
08 | var patternIE = "MSIE ([0-9])"; |
09 | if (RegExp(patternIE).exec(agent) != null){ |
10 | browser = "Microsoft Internet Explorer"; |
11 | version = RegExp.$1; |
12 | } |
13 | } |
14 | else if (application == 'Netscape'){ |
15 | var patternFF = "Firefox/([0-9])"; |
16 | var patternCH = "Chrome/([0-9])"; |
17 | if (RegExp(patternFF).exec(agent) != null){ |
18 | browser = "Mozilla Firefox"; |
19 | version = RegExp.$1; |
20 | } |
21 | else if (RegExp(patternCH).exec(agent) != null){ |
22 | browser = "Google Chrome"; |
23 | version = RegExp.$1; |
24 | } |
25 | } |
26 | else if (application == 'Opera'){ |
27 | var patternOP = "Opera/([0-9])"; |
28 | if (RegExp(patternOP).exec(agent) != null){ |
29 | browser = "Opera"; |
30 | version = RegExp.$1; |
31 | } |
32 | } |
33 | alert (browser+' '+ version); |
34 |