Nieuw in Chrome 75

Pete LePage

In Chrome 75 hebben we ondersteuning toegevoegd voor:

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

Wijzigingslogboek

Hieronder worden slechts enkele van de belangrijkste hoogtepunten besproken. Bekijk de onderstaande links voor meer wijzigingen in Chrome 75.

Tip voor canvas met lage latentie

Om met het canvas-element op het scherm te tekenen, moet de pagina grafische updates synchroniseren met de DOM. Deze synchronisatie kan soms latentie veroorzaken. In een tekenapp kunnen latenties van meer dan 50 milliseconden bijvoorbeeld de hand-oogcoördinatie verstoren, waardoor ze moeilijk te gebruiken zijn.

De desynchronized hint gebruikt bij het aanmaken van een canvas een ander codepad, dat het gebruikelijke DOM-updatemechanisme omzeilt. De hint vertelt het systeem om zoveel mogelijk compositing over te slaan. In sommige gevallen wordt de onderliggende buffer van het canvas rechtstreeks naar de display controller van het scherm gestuurd. Dit elimineert de latentie die zou ontstaan ​​door het gebruik van de compositor-wachtrij van de renderer.

Het is eenvoudig om de desynchronized hint te gebruiken: voeg gewoon desynchronized: true toe aan het options-object bij het maken van het canvas.

const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);

Bekijk Joe's artikel Low-latency rendering with the desynchronized hint voor meer informatie, inclusief hoe je hiervoor feature detection kunt uitvoeren.

Deel bestanden met de Web Share API

Met de Web Share API kunt u verbinding maken met de deelservice die het besturingssysteem biedt. Zo kunt u eenvoudig webpagina's en apps delen met andere geïnstalleerde apps op het apparaat van de gebruiker.

In Chrome 75 ondersteunt de Web Share API nu het delen van bestanden! Ik ben hier vooral enthousiast over, omdat het het voor apps veel gemakkelijker maakt om foto's, video's en meer te delen. Squoosh voegt ondersteuning toe om een ​​bestand te delen nadat je het hebt gecomprimeerd. De Web Share API ondersteunt momenteel het delen van audiobestanden, afbeeldingen, video's en tekstdocumenten .

Het is het beste om functiedetectie te gebruiken om te controleren of de Web Share API wordt ondersteund, en terug te vallen op uw traditionele mechanisme als dat niet het geval is. U kunt ook navigator.canShare gebruiken om te controleren of bestandsdeling wordt ondersteund. 


const webShareAvailable = {
  links: 'share' in navigator,
  files: 'canShare' in navigator,
};

Als navigator.canShare true retourneert, wordt het delen van die bestanden ondersteund. U kunt dus navigator.share aanroepen en een object doorgeven met de array van bestanden die u wilt delen. Chrome opent het systeemdeelvenster en geeft u een lijst met geïnstalleerde apps waarmee u de bestanden kunt delen.

if (webShareAvailable.files) {
  const shareData = { files: filesArray };
  if (navigator.canShare(shareData)) {
    shareData.title = 'Squooshed files.';
    navigator.share(shareData)
      .then(...)
      .catch(...);
  } else {
    // File sharing not supported
  }
}

Probeer de demo en lees het artikel Bestanden delen met Web Share voor meer informatie.

Numerieke scheidingstekens

Numerieke letterlijke waarden kunnen nu worden voorzien van onderstrepingstekens (_, U+005F) als scheidingstekens om ze beter leesbaar te maken. Zo wordt 1_000_000_000 door wiskundige bewerkingen geïnterpreteerd als equivalent van 1000000000 .

Onderstrepingstekens mogen alleen tussen cijfers worden gebruikt en opeenvolgende onderstrepingstekens zijn niet toegestaan. Letterlijke getallen zoals 3._14 , _2.71 of 1.6__2 zijn dus niet toegestaan.

Google I/O 2019 zit erop

Als je er niet bij was op I/O, of misschien wel, en dus niet alle presentaties hebt gezien, dan kun je ze allemaal bekijken op het Chrome Developers YouTube-kanaal , in de Web at Google I/O 2019-afspeellijst .

Abonneren

Wilt u op de hoogte blijven van onze video's? Abonneer u dan op ons Chrome Developers YouTube-kanaal . U ontvangt dan een e-mailmelding wanneer we een nieuwe video lanceren.

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

Fotocredits