相关疑难解决方法(0)

如何修复 Nuxt 中导航器/窗口/文档未定义的问题

我试图确定 Nuxt 应用程序内的 UserAgent 和 Retina 信息。但应用程序抛出错误并显示导航/窗口未定义。我如何在 nuxt 应用程序中获取这些信息?

const userAgent = navigator.userAgent.toLowerCase()
const isAndroid = userAgent.includes('android')
Run Code Online (Sandbox Code Playgroud)
isRetina() {
  let mediaQuery
  if (typeof window !== 'undefined' && window !== null) {
    mediaQuery =
      '(-webkit-min-device-pixel-ratio: 1.25), (min--moz-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 1.25dppx)'
    if (window.devicePixelRatio > 1.25) {
      return true
    }
    if (window.matchMedia && window.matchMedia(mediaQuery).matches) {
      return true
    }
  }
  return false
}
Run Code Online (Sandbox Code Playgroud)

javascript vue.js nuxt.js

5
推荐指数
1
解决办法
9816
查看次数

标签 统计

javascript ×1

nuxt.js ×1

vue.js ×1