Okruch kodu

#Jeden prosty trik: wykrywanie Internet Explorera

Jak sprawdzić czy dana przeglądarka to Internet Explorer?
Wystarczy skorzystać z faktu, że wspomniany IE nie wspiera reguły @supports z CSS ani nie definiuje pola CSS w obiekcie window.

Stylowanie elementów w inny sposób dla Internet Explorera może więc wyglądać tak:

css
1
2
3
4
5
6
7
8
9
10
.element {
/* CSS dla Internet Explorera */
color: blue;
}
@supports (display:block){
/* CSS dla pozostałych przeglądarek */
.element {
color: red;
}
}

Minusem takiego rozwiązania jest konieczność zdefiniowania styli dla Internet Explorera i potem nadpisania ich dla pozostałych przeglądarek, zamiast dodania styli tylko dla IE.

Natomiast sprawdzanie czy przeglądarka jest Internet Explorerem można sprowadzić do prostej funkcji:

js
1
2
3
4
function isIE(){
return !window.hasOwnProperty('CSS');
}

Wpis z: Tematy: