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