跳到主要内容

Web Spec

container-query

  • Chrome 105+
const supportsContainerQueries = 'container' in document.documentElement.style;
if (!supportsContainerQueries) {
import('container-query-polyfill');
}
@container (min-width: 200px) {
}

structuredClone

  • Chrome 98+
  • 支持 Map, Set, Date, RegExp, ArrayBuffer
  • 支持 循环引用
const structuredClone = globalThis.structuredClone ?? (v)=>JSON.parse(JSON.stringify(v))

EyeDropper API

async function sampleColorFromScreen(abortController) {
if ('EyeDropper' in window) {
return;
}
const eyeDropper = new EyeDropper();
try {
const result = await eyeDropper.open({ signal: abortController.signal });
return result.sRGBHex;
} catch (e) {
return null;
}
}