Daar sta je dan, … hoe click ik op een tablet?

Onlangs stelde ik mij deze vraag bij het maken van een webapplicatie dat op een gewone desktop browser (ja, zo ver zijn we al, desktop browser is al iets ‘gewoon’) en op de Ipad moest functioneren.

Ahja, je werkt met je vingers op een Ipad

Na enig onderzoek wees zich uit dat de events click – mousemove – focus eenvoudig konden worden ‘vertaald’ naar voor Ipad vriendelijke verstaanbare events, met behulp van JavaScript.

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.

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: