開発者が気になりそうなChrome 76の変化

https://gyazo.com/ece6d8b6b573d2f53082bb8bdb9a614e

code:css

@media (prefers-color-scheme: dark) {

body {

background-color: black;

color: white;

}

}

code:js

const promises = [

fetch('/api-call-1'),

fetch('/api-call-2'),

fetch('/api-call-3'),

];

// Imagine some of these requests fail, and some succeed.

await Promise.allSettled(promises);

// All API calls have finished (either failed or succeeded).

code:js

// New easier way

const text = await blob.text();

const aBuff = await blob.arrayBuffer();

const stream = await blob.stream();

非同期クリップボードAPIで画像がサポートされた

Native loazy-loading

code:html

<img loading=”lazy”>

<iframe loading=”lazy”></iframe>