Nieuw in Chrome 58

Wilt u de volledige lijst met wijzigingen? Bekijk de Chromium-bronrepositorywijzigingslijst

Ik ben Pete LePage . Laten we erin duiken en kijken wat er nieuw is voor ontwikkelaars in Chrome 58!

GeïndexeerdeDB 2.0

De structuur van de database van uw site heeft grote gevolgen voor de prestaties en kan lastig te veranderen zijn. IndexedDB 2.0 brengt daar verandering in.

  • object en indexes kunnen nu na een refactoring ter plaatse worden hernoemd.
  • Binaire sleutels maken meer natuurlijke sleutels mogelijk zonder dat u zich zorgen hoeft te maken over prestatieboetes.
  • Het ophalen van gegevens is eenvoudiger met de methoden getKey() , openKeyCursor() en continuePrimaryKey() .

En voor bulkherstel van volledige datasets is geen cursor meer nodig met de getAll() en getAllKey() .

Progressieve webapps op volledig scherm

Wanneer Progressive Web Apps worden gestart vanaf het Android-startscherm, starten ze in een zelfstandige app-achtige modus waarin de omnibox wordt verborgen. Dit helpt bij het creëren van een boeiende gebruikerservaring en maakt schermruimte vrij voor inhoud.

Voor nog meer meeslepende ervaringen zoals games, videospelers of andere rijke inhoud kunnen mobiele UI-elementen zoals de systeembalken echter nog steeds een afleiding zijn en waardevolle pixels in beslag nemen die je misschien wilt.

Nu kunt u ervoor zorgen dat uw Progressive Web App volledig meeslepend aanvoelt door display: fullscreen in te stellen in uw webapp-manifest .

Een PWA gelanceerd vanaf het startscherm (links), gelanceerd vanaf het startscherm in de standalone modus (midden) en gelanceerd vanaf het startscherm in de modus fullscreen (rechts).

Wanneer uw app vanaf het startscherm wordt gestart, worden alle niet-app mobiele UI-elementen verborgen.

Verbeteringen in iframe in de sandbox

Chrome 58 ondersteunt nu het nieuwe iframe-sandbox-trefwoord allow-top-navigation-by-user-activation .

Wanneer dit trefwoord wordt geactiveerd door een gebruikersinteractie, geeft het iframes in een sandbox de mogelijkheid om door de pagina op het hoogste niveau te navigeren, terwijl automatische omleidingen nog steeds worden geblokkeerd.

En meer!

En natuurlijk is er nog veel meer.

  • Zeg vaarwel tegen de clearfix -hack. In plaats van handmatig meerdere lay-outeigenschappen zoals float en clear opnieuw in te stellen, kunt u nu een nieuwe blokopmaakcontext toevoegen met behulp van display: flow-root .
  • PointerEvents.getCoalescedEvents() geeft u toegang tot alle invoergebeurtenissen sinds de laatste keer dat een PointerEvent werd afgeleverd. Perfect als je een nauwkeurige puntengeschiedenis nodig hebt voor zaken als tekenapps.
  • En Workers en SharedWorkers kunnen nu worden gemaakt met behulp van data: URL's, waardoor ontwikkeling met Workers veiliger wordt door ze een ondoorzichtige oorsprong te geven.

Dit zijn slechts enkele van de wijzigingen in Chrome 58 voor ontwikkelaars.

Als je deze video leuk vond, bekijk dan Designer vs. Developer , een nieuwe videoserie die de uitdagingen probeert op te lossen waarmee ontwerpers en ontwikkelaars samenwerken.

Abonneer u dan op ons YouTube-kanaal en u ontvangt een e-mailmelding wanneer we een nieuwe video lanceren.

Ik ben Pete LePage, en zodra Chrome 59 uitkomt, ben ik hier om je te vertellen: wat er nieuw is in Chrome!