Misschien heb je al een keer voorgehad, je vult een paswoord in – deze wordt automatisch gemaskeerd met bolletjes – en je moet het paswoord een tweede keer invullen, maar je bent niet meer 100% zeker wat je hebt ingevuld, zou het dan niet handig zijn als je de mogelijkheid had om te zien wat je hebt ingegeven?

Browser sniffing is het bepalen van de gebruikte webbrowser en is iets wat vroeger gebeurde tijdens de browser-wars, nadien was iedereen ertegen. In principe zou elke browser zich moeten houden aan de W3C-specificaties, maar in de praktijk voldoet geen enkele browser daar 100% aan.
Met de volgende eenvoudige Jquery manier kan je een class toevoegen aan bijvoorbeeld je HTML-tag afhankelijk van de gebruikte browser en van daaruit je CSS aanpassen naargelang.

Soms kan je niet anders en moeten links naar een externe site openen in een nieuw venster, maar je kan niet target=_blank gebruiken omdat dan je XHTML niet meer XHTML zou zijn. Met een beetje javascript kan je dit oplossen:

Detecteer links in je website naar documenten – *.doc, *.xls, *.pdf – en voeg de betreffende class toe aan de links, voor als je bijvoorbeeld een icoon wilt toevoegen via CSS. Er bestaat ook een pure CSS oplossing hiervoor.

Als het soms echt nodig is, of je wilt echt per browser iets anders weergeven op je site (kan een leuke bedoeling zijn), kan je met volgend script detecteren welke browser je site bezoekt en zal er een extra class worden toegevoegd op het HTML element: