Nieuw in Chrome 59

Pete LePage

  • Met Headless Chrome kunt u Chrome uitvoeren in een geautomatiseerde omgeving zonder gebruikersinterface of randapparatuur.
  • Meldingen op macOS worden rechtstreeks weergegeven via het eigen meldingssysteem van macOS.
  • Met de Image Capture API kunt u nu foto's met volledige resolutie maken, en er is nog veel meer!

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 59!

Hoofdloos Chrome

Een headless browser is een geweldige tool voor het uitvoeren van geautomatiseerde tests en serveromgevingen waarbij je de gerenderde uitvoer niet hoeft te zien of een zichtbare UI-shell nodig hebt. Bijvoorbeeld:

  • Selenium gebruiken voor unittests voor uw progressieve web-app
  • Een PDF van een Wikipedia-pagina maken
  • Een pagina inspecteren met DevTools

Vanaf Chrome 59 kun je nu headless Chrome gebruiken. Hiermee worden alle moderne webplatformfuncties van Chrome naar de opdrachtregel gebracht.

Bekijk Eric Bidelmans bericht op Updates voor meer informatie. Hij geeft voorbeelden van hoe je het kunt gebruiken om pagina's naar PDF te converteren, de DOM te dumpen en hoe je het programmatisch in Node kunt gebruiken.

Native meldingen op macOS

Chrome heeft van oudsher een eigen notificatiesysteem voor web- en extensieontwikkelaars om meldingen aan gebruikers te tonen. Maar we hebben van zowel gebruikers als ontwikkelaars vernomen dat ze willen dat Chrome het standaard notificatiesysteem van het besturingssysteem gebruikt.

Vanaf Chrome 59 op macOS maakt Chrome gebruik van het native notificatiesysteem, wat de gebruikerservaring verbetert en ervoor zorgt dat de notificaties beter geïntegreerd zijn in het platform. Mijn persoonlijke favoriet: notificaties respecteren nu mijn 'Niet storen'-instellingen.

Melding gegenereerd door Chrome (links), door macOS gegenereerde melding (rechts).

Vanwege de manier waarop macOS met meldingen omgaat, zijn er een aantal API's die weinig worden gebruikt. Deze worden nu afgeraden, omdat ze leiden tot een slechtere ervaring op macOS.

Bekijk ons ​​Updates-bericht voor alle details.

API voor het vastleggen van afbeeldingen

Het maken van foto's met een hoge resolutie in een webapp kan lastig zijn. De gebruiker moet ofwel een reeds gemaakte foto uploaden, ofwel van de browser naar de camera overschakelen, de foto maken, teruggaan naar de browser en de foto uploaden.

Met de nieuwe Image Capture API in Chrome 59 heb je toegang tot de volledige resolutiemogelijkheden van elke beschikbare camera. De API biedt controle over functies zoals zoom, helderheid, contrast, ISO en zelfs witbalans.

Bekijk Sam's bericht voor alle details en voorbeeldcode waarmee je direct aan de slag kunt.

En nog veel meer!

  • De tekenreeks MediaError.message bevat, indien beschikbaar, aanvullende details over foutmeldingen om webontwikkelaars te helpen bij het opsporen van fouten in de mediaspeler.

Dit zijn slechts enkele van de wijzigingen in Chrome 59 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 60 uitkomt, vertel ik u wat er nieuw is in Chrome!