Safari is de webbrowser van Apple. Hij staat standaard op elke iPhone, iPad en Mac, waardoor het een van de meest gebruikte browsers ter wereld is, ook al draait hij alleen op Apple-hardware. Onder de motorkap draait Safari op WebKit, de rendering-engine die Apple zelf bouwt en onderhoudt.
Zie een browser als een vertaler die websitecode omzet in de pagina die je ziet. Chrome en Edge spreken het ene dialect (Blink), Firefox een ander (Gecko) en Safari spreekt WebKit. Meestal zijn ze het eens, maar af en toe leest Safari een stukje CSS of JavaScript net even anders. Daarom kan een site er op een iPhone iets afwijkend uitzien. Op iOS telt dit nog zwaarder, want Apple verplicht elke browser, ook Chrome en Firefox, om WebKit te gebruiken.
Een paar dingen geven in de praktijk gedoe. Datumkiezers en formuliervelden zien er anders uit, de 100vh-hoogte gedraagt zich raar als de iPhone-toolbar wegschuift, en Safari levert een nieuwe functie soms maanden later dan Chrome. Een klassiek voorbeeld is een video die op een laptop prima speelt maar op een iPhone niet vanzelf start, omdat Safari geluid standaard blokkeert om batterij en data te sparen. Geen daarvan is fataal, maar je ziet ze pas als je de site op een echt toestel opent.
Daarom hoort Safari altijd thuis in een browsercompatibiliteit-test. Hem overslaan is een klassieke manier om een bug te lanceren die alleen Apple-gebruikers zien, en in veel markten is dat een flink deel van je publiek. Het hoort samen met een check in Chrome en Firefox, zodat niets je ontgaat.
Bij TopDevs testen we elke build in Safari, Chrome en Firefox voordat we live gaan, zodat je site er goed uitziet of een klant hem nu op een iPhone of een Windows-laptop opent.
