Javascript ile Tarayıcı Algılama

Merhaba arkadaşlar,

Bugün size javascript ile tarayıcıları nasıl algılayacağınızı anlatacağım.

Bazen öyle durumlar gerekebilir ki javascriptte farklı tarayıcılar için farklı kodlar yazmanız gerekebilir. Bunlar için de javascriptten faydalanıp bazı kodlar hazırladım:

Internet Explorer için 2 yol var:

HTML içindeyse

?View Code HTML
1
2
3
4
<script type="text/javascript">var isIE = false;</script>
<!--[if IE]>
<script type="text/javascript">isIE = true; </script>
<![endif]-->

Direkt Javascript ile

?View Code JAVASCRIPT
1
2
var isIE = false;
isIE = /^ms/.test(document.documentElement.uniqueID);

Firefox İçin

?View Code JAVASCRIPT
1
2
var isFF = false;
var isFF = /Firefox/i.test(navigator.userAgent);

Opera İçin:

?View Code JAVASCRIPT
1
2
3
4
var isOpera = false;
if (navigator.userAgent.indexOf('Opera') > -1) {
    var isOpera = true;
}

Google Chrome İçin:

?View Code JAVASCRIPT
1
2
3
4
var isChrome = false;
if(navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
isChrome = true;
}

Safari için:

?View Code JAVASCRIPT
1
2
3
4
var isSafari = false;
if (navigator.userAgent.match(/AppleWebKit/) && ! navigator.userAgent.match(/Chrome/)) {
   isSafari = true;
}

Afiyet olsun ;)

VN:F [1.9.20_1166]
Rating: 6.2/10 (6 votes cast)
VN:F [1.9.20_1166]
Rating: 0 (from 0 votes)
Javascript ile Tarayıcı Algılama, 6.2 out of 10 based on 6 ratings