Menu

userAgent

userAgent ヘルパーは、Web Request API を拡張し、リクエストのユーザーエージェントオブジェクトと対話するための追加のプロパティとメソッドを提供します。

middleware.ts
import { NextRequest, NextResponse, userAgent } from 'next/server'
 
export function middleware(request: NextRequest) {
  const url = request.nextUrl
  const { device } = userAgent(request)
  const viewport = device.type === 'mobile' ? 'mobile' : 'desktop'
  url.searchParams.set('viewport', viewport)
  return NextResponse.rewrite(url)
}
middleware.js
import { NextResponse, userAgent } from 'next/server'
 
export function middleware(request) {
  const url = request.nextUrl
  const { device } = userAgent(request)
  const viewport = device.type === 'mobile' ? 'mobile' : 'desktop'
  url.searchParams.set('viewport', viewport)
  return NextResponse.rewrite(url)
}

isBot

リクエストが既知のボットからのものかどうかを示すブール値。

browser

リクエストで使用されたブラウザに関する情報を含むオブジェクト。

  • name: ブラウザ名を表す文字列、または識別できない場合は undefined
  • version: ブラウザのバージョンを表す文字列、または undefined

device

リクエストで使用されたデバイスに関する情報を含むオブジェクト。

  • model: デバイスのモデルを表す文字列、または undefined
  • type: consolemobiletabletsmarttvwearableembedded などのデバイスタイプを表す文字列、または undefined
  • vendor: デバイスのベンダーを表す文字列、または undefined

engine

ブラウザのエンジンに関する情報を含むオブジェクト。

  • name: エンジン名を表す文字列。可能な値は AmayaBlinkEdgeHTMLFlowGeckoGoannaiCabKHTMLLinksLynxNetFrontNetSurfPrestoTasmanTridentw3mWebKit、または undefined
  • version: エンジンのバージョンを表す文字列、または undefined

os

オペレーティングシステムに関する情報を含むオブジェクト。

  • name: OSの名前を表す文字列、または undefined
  • version: OSのバージョンを表す文字列、または undefined

cpu

CPU アーキテクチャに関する情報を含むオブジェクト。

  • architecture: CPUアーキテクチャを表す文字列。可能な値は 68kamd64armarm64armhfavria32ia64irixirix64mipsmips64pa-riscppcsparcsparc64、または undefined