Nieuw in Chrome 58

Pete LePage

Wilt u de volledige lijst met wijzigingen bekijken? Bekijk de lijst met wijzigingen in de Chromium-bronrepository.

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

Geïndexeerde DB 2.0

De structuur van de database van uw site heeft grote invloed op de prestaties en kan lastig te wijzigen zijn. IndexedDB 2.0 brengt daar verandering in.

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

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

Progressieve web-apps op volledig scherm

Wanneer Progressive Web Apps worden gestart vanaf het Android-startscherm, openen ze in een standalone app-achtige modus die de omnibox verbergt. Dit zorgt voor een aantrekkelijke gebruikerservaring en maakt schermruimte vrij voor content.

Voor nog meeslependere ervaringen, zoals games, videospelers of andere rijke content, kunnen mobiele UI-elementen zoals de systeembalken echter nog steeds afleidend zijn en waardevolle pixels in beslag nemen die u wellicht nodig hebt.

U kunt uw Progressive Web App nu volledig meeslepend maken door display: fullscreen in te stellen in uw web-app-manifest .

Een PWA kan worden gestart vanaf het startscherm (links), kan worden gestart vanaf het startscherm in standalone modus (midden) en kan worden gestart vanaf het startscherm in fullscreen modus (rechts).

Wanneer u uw app vanaf het startscherm start, worden alle mobiele gebruikersinterface-elementen die geen deel uitmaken van de app, verborgen.

Verbeteringen aan sandbox-iframes

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

Wanneer dit trefwoord wordt geactiveerd door een gebruikersinteractie, kunnen sandbox-iframes naar de hoofdpagina navigeren, terwijl automatische omleidingen worden geblokkeerd.

En nog veel meer!

En natuurlijk is er nog veel meer.

  • Zeg vaarwel tegen de clearfix hack. In plaats van het handmatig resetten van meerdere lay-outeigenschappen zoals float en clear, kun je nu een nieuwe blokopmaakcontext toevoegen met display: flow-root .
  • PointerEvents.getCoalescedEvents() heb je toegang tot alle invoergebeurtenissen sinds de laatste keer dat een PointerEvent is geleverd. Ideaal wanneer je een nauwkeurige geschiedenis van punten nodig hebt voor bijvoorbeeld tekenapps.
  • Workers en SharedWorkers kunnen nu worden aangemaakt met behulp van data: URL's. Hierdoor wordt ontwikkeling met Workers veiliger, omdat ze een ondoorzichtige oorsprong hebben.

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

Vond je deze video leuk? Bekijk dan ook Designer vs. Developer , een nieuwe videoserie die probeert oplossingen te vinden voor de uitdagingen die ontstaan ​​wanneer ontwerpers en ontwikkelaars samenwerken.

Abonneer je dan op ons YouTube-kanaal , dan ontvang je een e-mailmelding wanneer we een nieuwe video lanceren.

Ik ben Pete LePage en zodra Chrome 59 uitkomt, vertel ik u wat er nieuw is in Chrome!

,

Pete LePage

Wilt u de volledige lijst met wijzigingen bekijken? Bekijk de lijst met wijzigingen in de Chromium-bronrepository.

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

Geïndexeerde DB 2.0

De structuur van de database van uw site heeft grote invloed op de prestaties en kan lastig te wijzigen zijn. IndexedDB 2.0 brengt daar verandering in.

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

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

Progressieve web-apps op volledig scherm

Wanneer Progressive Web Apps worden gestart vanaf het Android-startscherm, openen ze in een standalone app-achtige modus die de omnibox verbergt. Dit zorgt voor een aantrekkelijke gebruikerservaring en maakt schermruimte vrij voor content.

Voor nog meeslependere ervaringen, zoals games, videospelers of andere rijke content, kunnen mobiele UI-elementen zoals de systeembalken echter nog steeds afleidend zijn en waardevolle pixels in beslag nemen die u wellicht nodig hebt.

U kunt uw Progressive Web App nu volledig meeslepend maken door display: fullscreen in te stellen in uw web-app-manifest .

Een PWA kan worden gestart vanaf het startscherm (links), kan worden gestart vanaf het startscherm in standalone modus (midden) en kan worden gestart vanaf het startscherm in fullscreen modus (rechts).

Wanneer u uw app vanaf het startscherm start, worden alle mobiele gebruikersinterface-elementen die geen deel uitmaken van de app, verborgen.

Verbeteringen aan sandbox-iframes

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

Wanneer dit trefwoord wordt geactiveerd door een gebruikersinteractie, kunnen sandbox-iframes naar de hoofdpagina navigeren, terwijl automatische omleidingen worden geblokkeerd.

En nog veel meer!

En natuurlijk is er nog veel meer.

  • Zeg vaarwel tegen de clearfix hack. In plaats van het handmatig resetten van meerdere lay-outeigenschappen zoals float en clear, kun je nu een nieuwe blokopmaakcontext toevoegen met display: flow-root .
  • PointerEvents.getCoalescedEvents() heb je toegang tot alle invoergebeurtenissen sinds de laatste keer dat een PointerEvent is geleverd. Ideaal wanneer je een nauwkeurige geschiedenis van punten nodig hebt voor bijvoorbeeld tekenapps.
  • Workers en SharedWorkers kunnen nu worden aangemaakt met behulp van data: URL's. Hierdoor wordt ontwikkeling met Workers veiliger, omdat ze een ondoorzichtige oorsprong hebben.

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

Vond je deze video leuk? Bekijk dan ook Designer vs. Developer , een nieuwe videoserie die probeert oplossingen te vinden voor de uitdagingen die ontstaan ​​wanneer ontwerpers en ontwikkelaars samenwerken.

Abonneer je dan op ons YouTube-kanaal , dan ontvang je een e-mailmelding wanneer we een nieuwe video lanceren.

Ik ben Pete LePage en zodra Chrome 59 uitkomt, vertel ik u wat er nieuw is in Chrome!