📄️ useBroadcastChannel
useBroadcastChannel 是一个允许你在组件中使用 BroadcastChannel API 的 hook。
📄️ useClipboard
将文本复制到用户的剪贴板
📄️ useCssVar
管理 CSS 变量
📄️ useDarkMode
具有自动数据持久性的深色模式。
📄️ useDevicePixelRatio
useDevicePixelRatio 是一个返回屏幕的设备像素比的 hook。
📄️ useElementByPoint
useElementByPoint 是一个用于获取指定坐标下的元素的 Hook。
📄️ useEventSource
useEventSource 是一个 hook,允许您订阅 EventSource 并实时接收更新。
📄️ useEyeDropper
使用 EyeDropper API 来选择颜色。
📄️ useFavicon
设置页面的 favicon 图标。
📄️ useFileDialog
轻松选取文件
📄️ useFps
轻松跟踪 FPS
📄️ useFullscreen
元素的全屏展示
📄️ useGeolocation
跟踪地理位置的 React Hook
📄️ useIdle
跟踪页面上的用户是否处于空闲状态。
📄️ useInfiniteScroll
无限滚动
📄️ useKeyModifier
跟踪按键是否被按下
📄️ useLocationSelector
有选择地从 location 检索属性。 仅当您返回的值更改时,此 Hook 才会重新渲染。
📄️ useLongPress
跟踪长按的 React Hook
📄️ useMediaDevices
轻松跟踪已连接的硬件设备。
📄️ useMediaQuery
轻松使用媒体查询
📄️ useMobileLandscape
跟踪移动设备是否处于横屏模式。
📄️ useMouse
跟踪鼠标位置。
📄️ useMousePressed
跟踪鼠标按下状态
📄️ useNetwork
跟踪浏览器网络连接状况
📄️ useObjectUrl
轻松创建对象 URL。
📄️ useOnline
useNetwork 的包装,检测网络状况
📄️ useOrientation
跟踪用户设备的屏幕方向。
📄️ usePageLeave
跟踪鼠标是否离开页面
📄️ usePermission
浏览器权限查询
📄️ usePlatform
跟踪用户当前平台的信息。
📄️ usePreferredColorScheme
prefers-color-scheme 媒体查询
📄️ usePreferredContrast
prefers-contrast 媒体查询
📄️ usePreferredDark
跟踪是否偏好黑色主题
📄️ usePreferredLanguages
usePreferredLanguages 是一个返回用户首选语言的字符串数组的 hook。它使用 navigator.languages。
📄️ useReducedMotion
跟踪用户动画偏好。
📄️ useScreenSafeArea
跟踪 env(safe-area-inset-*) 值
📄️ useScriptTag
Script 标签注入。
📄️ useScroll
跟踪滚动位置和统计数据
📄️ useScrollIntoView
类似于 element.scrollIntoView() 的 React Hook
📄️ useScrollLock
锁定滚动元素
📄️ useTextDirection
跟踪文字排列方向
📄️ useTitle
设置文档标题。
📄️ useWebNotification
通知 API 的 Web 通知接口用于配置并向用户显示桌面通知。