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 客户端提示

快速设置

贡献

许可证