NETTLESERE

Apple, Google, Microsoft og Mozilla vil gjøre livet enklere for webutviklere

Samarbeider om å få nettleserne til å tolke webinnhold på en mer kompatibel måte.

Foreløpig gjør Firefox det best i tester innen de 15 fokusområdene som nettleserleverandørene skal fokusere på i år.
Foreløpig gjør Firefox det best i tester innen de 15 fokusområdene som nettleserleverandørene skal fokusere på i år. Illustrasjon: web-platform-tests dashboard
Harald BrombachHarald BrombachNyhetsleder
5. mars 2022 - 14:00

Livet som webutvikler er på mange plan et helt annet i dag enn den gang Internet Explorer 6 dominerte og gjerne satte utviklingen av weben som plattform på vent. I dag ønskes nye muligheter på weben velkommen av alle nettleserleverandørene, selv om det kan være betydelige forskjeller i tempoet og rekkefølgen det utvikles støtte for nye webteknologier. 

I dag er det i tre nettlesermotorer som gjelder – Googles Chromium/Blink, Apples Webkit og Mozillas Gecko. Alle tre benyttes av flere nettlesere og andre produkter som kan vise webinnhold. 

Selv om alle de tre motorene utvikles med utgangspunkt i åpne standarder og spesifikasjoner, er det ikke alltid at leverandørene tolker spesifikasjonene på samme måte. Dette kan føre til at websider og -applikasjoner gjengis eller fungerer forskjellige i ulike nettlesere – noe webutviklere må ta hensyn til. Dette kan føre til betydelig merarbeid. 

Ine Opseth er logistikk- og ettermarkedssjef i Power. Hun sier de ser det som utfordrende at de fleste saker om tyveri av el-retur henlegges.
Les også

«Sikker boks» stjålet: Kundedata kan være på avveie

15 fokusområder

For å redusere dette problemet har Apple, Google og Mozilla de siste årene samarbeidet med Microsoft og et par konsulentbyråer for å forbedre kompatibiliteten mellom nettleserne. Innsats som ble kunngjort i fjor, skal nå ha ført til langt mer ensartet støtte for CSS-teknologiene grid og flexbox.

Denne uken ble en ny slik innsats, kalt Interop 2022, lansert. Basert på tilbakemeldinger fra webutviklere har det blitt identifisert nye problemområder som nå skal utbedres på tvers av nettleserne, i tillegg til en håndfull som er videreført fra fjorårets arbeid. 

De ti nye fokusområdene er: 

  • Cascade Layers
  • Color Spaces and Functions
  • Containment
  • Dialog Element
  • Forms
  • Scrolling
  • Subgrid
  • Typography and Encodings
  • Viewport Units
  • Web Compat

De fem som er videreført fra 2021, er: 

  • Aspect Ratio
  • Flexbox
  • Grid
  • Sticky Positioning
  • Transforms

Webkit-prosjektet har kommet med en beskrivelse av alle de ti nye fokusområdene på denne siden.

To av disse områdene, «viewport units» og «containment» handler om hvordan stiler kan tilpasses størrelsen på «ting». 

Det synlige området

Med «viewport» menes den delen av en webside som er synlig for brukeren. Dimensjonene på denne kan variere mye, avhengig av enhet. Men på enheter som smartmobiler og nettbrett avhenger de også at i hvilken retning enheten holdes. På de mobile enhetene kan dimensjonene også endres dynamisk når siden scrolles, for da skjules ofte adressefeltet. 

Fokusområdet «viewport units» handler om det sistnevnte, nemlig viewport-endringene som skjer når brukere scroller. For bedre å støtte dette, innføres det tre nye enheter for høyden til det synlige området, svh, lvh og dvh. Disse refererer til en prosentandel av henholdsvis den minst mulige, den størst mulige og den dynamiske viewport-høyden i den aktuelle nettleseren.

Tilsvarende enheter finnes også for viewport-bredden – svw, lvw og dvw.

Illustrasjon av nye viewport-enheter i CSS. <i>Illustrasjon:  Webkit-prosjektet</i>
Illustrasjon av nye viewport-enheter i CSS. Illustrasjon:  Webkit-prosjektet
IGF-sekretariatet møtte digitaliseringsminister Karianne Tung under deres opphold i Oslo for å vurdere Norge som kandidat til å arrangere IGF-konferansen i 2025.
Deniz Susar sier at Russland er i sin fulle rett til å konkurrere med Norge om konferansen. På bildet er også 
Kevin O'Hanlon, Anja Gengo,
digitaliseringsminister Karianne Tung og Chengetai Masango.
Les også

Gigakonferanse om internett: Russland kjemper mot Norge: – De har full rett til å søke

Konteinerstørrelsen

Ifølge Webkit-prosjektet har muligheten for å kunne identifisere og måle størrelsen til en spesifikk konteiner vært blant de mest forespurte tilleggene til weben blant utviklere. Med en slik funksjonalitet vil det være mulig å legge til stiler avhengig av dimensjonene på konteineren. Ifølge Webkit tilsvarer dette funksjonaliteten i «media queries», men med utgangspunkt i måling av størrelsen på en boks hvor innholdet befinner seg, istedenfor på størrelsen av viewport-området.

Dette støttes av det som kalles for Contain Queries i CSS Contain level 3-spesifikasjonen. Dette kan brukes til mye forskjellige, for eksempel å velge fontstørrelse til tekst i en konteiner, avhengig av bredden til konteineren i forhold til den beregnede fontstørrelsen, tilsvarende dette: 

h2 { font-size: 1.2em; }

@container (width > 40em) {
  h2 { font-size: 1.5em; }
}

Betydelige forskjeller

På denne siden er det mulig å se hvordan Chrome, Edge, Firefox og Safari gjør det i tester, både av de 15 fokusområdene og mange andre områder. 

Som illustrasjonen i toppen av saken viser, ligger Firefox klart best an blant de stabile nettleserne. I tester av eksperimentelle versjoner er forspranget mye mindre, og der gjør faktisk Safari det bedre enn de Chromium-baserte nettleserne. 

AI er ikke noen ny teknologi for Telenor. Her er konsernsjef Sigve Brekke sammen med daværende samferdselsminister Ketil Solvik-Olsen under AI nå-konferansen i 2017.  Men 2024 er året da Telenor tror AI gjør sitt inntog i IoT.
Les også

Ny rapport: 2024 er året da KI inntar IoT – kan føre til at bedrifter drukner i data

Del
Kommentarer:
Du kan kommentere under fullt navn eller med kallenavn. Bruk BankID for automatisk oppretting av brukerkonto.