Nieuw in Chrome 75

Piet LePage

In Chrome 75 hebben we ondersteuning toegevoegd voor:

Ik ben Pete LePage , laten we erin duiken en kijken wat er nieuw is voor ontwikkelaars in Chrome 75!

Wijzig logboek

Dit behandelt slechts enkele van de belangrijkste hoogtepunten. Bekijk de onderstaande links voor aanvullende wijzigingen in Chrome 75.

Tip voor canvas met lage latentie

Voor tekenen op het scherm met het canvaselement 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 maken van een canvas een ander codepad, dat het gebruikelijke DOM-updatemechanisme omzeilt. De hint vertelt het systeem om zoveel mogelijk composities over te slaan. In sommige gevallen wordt de onderliggende buffer van canvas rechtstreeks naar de weergavecontroller van het scherm gestuurd. Dit elimineert de latentie die zou worden veroorzaakt door het gebruik van de compositor-wachtrij van de renderer.

Het gebruik van de gedesynchroniseerde hint is eenvoudig: voeg gewoon desynchronized: true toe aan het optieobject bij het maken van het canvas.

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

Bekijk Joe's artikel Rendering met lage latentie met de gedesynchroniseerde hint voor meer details, inclusief hoe je hiervoor functiedetectie kunt uitvoeren.

Deel bestanden met de Web Share API

Met de Web Share API kunt u verbinding maken met de deelservice van het besturingssysteem, waardoor u eenvoudig webpagina's en apps kunt 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 hiervoor ondersteuning toe om een ​​bestand te delen zodra je klaar bent met het comprimeren ervan. 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 zien of de Web Share API wordt ondersteund, en terug te vallen op uw traditionele mechanisme als dat niet het geval is. En u kunt navigator.canShare gebruiken om te controleren of het delen van bestanden wordt ondersteund. 


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

Als navigator.canShare true retourneert, wordt het delen van deze bestanden ondersteund, dus u kunt navigator.share aanroepen en een object doorgeven met de reeks bestanden die u wilt delen. Chrome opent het systeemdeelblad 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 bekijk het artikel Bestanden delen met Web Share voor volledige details.

Numerieke scheidingstekens

Numerieke letterlijke waarden staan ​​nu onderstrepingstekens (_, U+005F) toe als scheidingstekens om ze beter leesbaar te maken. 1_000_000_000 wordt bijvoorbeeld door wiskundige bewerkingen geïnterpreteerd als gelijkwaardig aan 1000000000 .

Onderstrepingstekens mogen alleen tussen cijfers voorkomen en opeenvolgende onderstrepingstekens zijn niet toegestaan. Letterlijke waarden zoals 3._14 , _2.71 of 1.6__2 zijn dus illegaal.

Google I/O 2019 is een feit

Als je de I/O niet hebt gehaald, of misschien wel, en niet alle gesprekken hebt gezien, staan ​​ze allemaal op het YouTube-kanaal van Chrome Developers , op internet op de Google I/O 2019-afspeellijst .

Abonneren

Wil je op de hoogte blijven van onze video's, abonneer je dan op ons Chrome Developers YouTube-kanaal en je ontvangt een e-mailmelding wanneer we een nieuwe video lanceren.

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

Fotocredits