useSupported

檢測瀏覽器是否支持某些新的特性

Usage

即時編輯器

function Demo() {
  const isSupported = useSupported(() => "EyeDropper" in window);
  return (
    <div>
      <p>
        window.EyeDropper 在您的瀏覽器中是 {isSupported ? "支持" : "不支持"}
      </p>
    </div>
  );
};

結果

window.EyeDropper 在您的瀏覽器中是 支持

API

useSupported

Returns

boolean: 瀏覽器是否支援

Arguments

參數名	描述	類型	預設值
callback	测试回调	() => unknown (必填)	-
sync	使用 useLayoutEffect来进行测试	boolean | undefined	false