Nuxt HTTP 客户端提示模块

在您的 Nuxt 应用程序中访问和使用 HTTP 客户端提示。在您的服务器上检测客户端浏览器和操作系统。

功能

🚀 浏览器和操作系统检测：查看 detect-browser-es 以获取更多信息。
💥 设备提示检测
⚡ 网络提示检测
✨ 关键提示检测

HTTP 客户端提示

！警告下列 HTTP 客户端提示标头仍处于草案阶段，并且仅 Chromium 基于的浏览器支持它们：Chrome、Edge、Chromium 和 Opera。

该模块包括对以下 HTTP 客户端提示的支持

快速设置

使用一条命令将模块安装到您的 Nuxt 应用程序中

npx nuxi module add nuxt-http-client-hints

将您的配置添加到您的 Nuxt 配置文件中

httpClientHints: {
  // Your configuration here
}

将您的客户端和服务器插件添加到您的 Nuxt 应用程序中，并使用您的配置注册相应的钩子

// my-plugin.client.js
export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.hook('http-client-hints:client-hints', (httpClientHints) => {
    // Your client logic here
  })
})

// my-plugin.server.js
export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.hook('http-client-hints:ssr-client-hints', (httpClientHints) => {
    // Your server logic here
  })
})

您可以在应用程序中使用 httpClientHints 对象来访问配置

<!-- SomeComponent.vue -->
<template>
  <pre>{{ $httpClientHints }}"</pre>
</template>

或在您的模块、组合式函数或其他插件中

// my-module.js
const clientHints = useNuxtApp().$httpClientHints

就是这样！您现在可以在您的 Nuxt 应用程序中使用 HTTP 客户端提示 ✨

您可以查看源代码或 JSDocs 以获取更多信息。

贡献

本地开发

# Install dependencies
pnpm install

# Generate type stubs
pnpm dev:prepare

# Develop with the playground
pnpm dev

# Build the playground
pnpm dev:build

# Run ESLint
pnpm lint

# Run Vitest
pnpm test
pnpm test:watch

nuxt-http-client-hints

Nuxt HTTP 客户端提示模块

功能

HTTP 客户端提示

快速设置

贡献

许可证