Johdatus cross-browser -yhteensopivuuteen

Cross-browser -yhteensopivuudella tarkoitetaan yleensä verkkosivuston kykyä näyttää oikealta kaikissa selaimissa. Tätä varten on tunnettava erilaisia tekniikoita ja selainten erikoispiirteitä. Niiden tutkimisella aiomme nyt harjoitella.

Nykyään yleisiä selaimia ovat seuraavat: Google Chrome, Mozilla Firefox, Edge, Opera, Safari. Samalla Edge - on entinen Internet Explorer (lyhennettynä IE), joka on vaihtanut nimeä.

Selainten lisäksi on olemassa käsite, kuten selainmoottori. Moottori on selaimen perusta, joka muuntaa meidän koodin näytölle näkyväksi kuvaksi. Moottoreita on olemassa paljon vähemmän kuin selaimia ja seurauksena on, että monilla selaimilla on samat moottorit ja siksi samat erikoispiirteet ja bugit (ongelmat).

Nykyään on olemassa seuraavat moottorit: Webkit (Safari-selain), Blink (selaimet Google Chrome, Opera14+, Edge79+, Safari), Gecko (Mozilla Firefox -selain). Samalla Blink-moottori on Webkit-haarautuma. On ollut olemassa muitakin moottoreita, mutta niiden kehitys on keskeytetty: Trident (Internet Explorer), EdgeHTML (Edge), Presto (Opera).