Hiekkalaatikko - Selaimen tunnistaminen
(6.11.2009) Sivuilla kävijän selaimen tunnistamiseen on useita tapoja. Tarve selaimen tunnistamiseen taas tulee siitä, että eri selaimet toimivat eri tavalla erinäisissä yksityiskohdissa. Esimerkiksi:
- Internet Explorer 6 vaatii kikkailua läpinäkyvän PNG-kuvan esittämiseksi
- Älypuhelinten ja muiden laitteiden selaimet ovat kyvyiltään rajoittuneita eivätkä ennenpitkään tue uusimpia tekniikoita
- JavaScript-kielellä saman asia toteutetaan eri selaimissa hieman eri käskyillä
Tälle sivulle olen koonnut erinäisiä tekniikoita selaimen "mallin ja version" tunnistamiseen. Tunnistavathan nämä selaimesi oikein?
JavaScript
Tärkeätä ei loppuviimeksi ole se mikä selaimesi on, vaan se mitkä ovat sen kyvyt. JQuery-kirjaston funktioilla paljastuu seuraavaa:
| boxModel | |
| cssFloat | |
| hrefNormalized | |
| htmlSerialize | |
| leadingWhitespace | |
| noCloneEvent | |
| objectAll | |
| opacity | |
| scriptEval | |
| style | |
| tbody |
Hienoa, mutta mitä tämä kaikki tarkoittaa? Selvitys jQuery.support-ominaisuuksista tuo jotain lisävalaistusta asiaan...
Ehdolliset kommentit
Kevyt "asiakaspuolen" tekniikka, joka toimii vain Internet Explorerissa. Tekniikalla voi "tulostaa" sivulle jotain, jos selainversio on "IE jotain". Tai vaikkapa ladata ko. selainversiota varten omanlaisensa CSS-tyylitiedoston. Tarkempaa tietoa on esim. 2KMedian artikkelipankissa. Tämän kappaleen perässä on patteri ehdollisia kommentteja, jotka tunnistavat Internet Explorerin eri versiot. Jos et näe seuraavaksi tekstiä "Ehdollisen kommentin mukaan selaimesi on ..." selaimesi ei mitä ilmeisimmin ole Internet Explorer.
Mitä selaimesi kertoo palvelimelle
Kun selaimesi pyysi tätä sivua, se kertoi palvelimelle olevansa:
CCBot/1.0 (+http://www.commoncrawl.org/bot.html)