Selv Chromium-baserte nettlesere kan håndtere HTML og CSS ulikt

Selv om mye har løst seg etter at Internet Explorer «forsvant», er det ikke slik at alle websider ser like ut på tvers av nettlesere. Fortsatt er det i mange tilfeller nødvendig i teste webinnhold i flere ulike nettlesere for å se om det ser bra ut.

For selv om alle nettleserleverandørene nå sier de er opptatt av å følge webstandardene, så er det forskjeller. For standardene gir i mange tilfeller rom for tolkning.

I 2018 publiserte utvikleren Martijn Cuppens en test som beviser dette. På den siden vises et enkelt div-element med noen få linjer med CSS (Cascading Style Sheets).

Som bildet i tvitringen over viser, ble dette div-elementet vist helt forskjellig i ulike nettlesere for to år siden. På spørsmål om hvilken nettleser som viste det korrekt, var Cuppens i tvil, men helte mot Microsoft Edge. Det vil si datidens utgave.

Mye er endret, men ikke alt til det bedre

Digi.no har gjort den samme øvelsen i dag. Resultatet var ikke særlig mye bedre, som du kan se øverst i saken.

I testen har vi utelukkende testet Windows-utgavene av nettleserne, med unntak av Safari, som er testet på MacOS. I tillegg har vi testet Android-utgaven av Chrome.

Denne gangen er det Firefox som ligger tettest opp mot det Cuppens i 2018 mente var det riktige. Det overrasker ikke at Edge, som nå er basert på Chromium, viser et helt annet resultat enn før – et resultat som angivelig er mindre korrekt enn i den gamle versjonen. Vivaldis visning er identisk med visningen til Chromium-utgaven av Edge, slik det bør være, siden begge er Chromium-baserte. Det samme gjelder også Opera, som ikke er avbildet.

Chrome, derimot, som også er Chromium-basert, viser et noe annet resultat. Og Chrome for Android viser en variant av dette igjen.

Lover bedring

Uavhengig av hvorfor det er slik, så er det et problem som webutviklere må forholde seg til, og de opplever det som et problem, noe denne rapporten fra Mozilla Developer Network dokumenterer. Blant de behovene ved webutvikling som utviklere oppgir at de finner mest frustrerende, handler fire av de fem øverste om å løse manglende kompatibilitet mellom nettlesere.

Og dette er ikke det eneste eksempelet.

Google nevner i dette blogginnlegget flere andre problemer som gjelder Chrome, blant annet knyttet til flexbox og grid-elementene, skrolling og skjemakontroller.

Selskapet er tydelig klar over problemene og lover nå å forbedre nettleserkompatibiliteten, blant annet ved å bli flinkere til å lytte til webutviklere og å være strengere

– I motsetning til mange andre plattformer, har weben flere implementeringer. Dette har ulemper, men er også blant weben største styrker. Det utvider veldig mangfoldet av input inn i webplattformen, og gir en beskyttelsesfaktor mot arkitektoniske feil som kan oppstå når forskjellen på en plattform (weben) og en implementer implementering (en enkelt nettleser) viskes ut, skriver Stephen McGruer, programvareingeniør i Google, i blogginnlegget.