Javascript：window对象的navigator属性对象

听海边涛声

已于 2024-06-27 17:56:04 修改

阅读量238

点赞数 2

文章标签： javascript 开发语言 ecmascript

于 2024-06-27 17:54:42 首次发布

本文链接：https://blog.csdn.net/panghuangang/article/details/140015725

版权

说明

navigator的数据类型是对象，该对象下记录了浏览器自身的相关信息。

常用属性和方法：

通过 userAgent 检测浏览器的版本及平台

// 检测 userAgent（浏览器信息）
!(function () {
const userAgent = navigator.userAgent
// 验证是否为Android或iPhone
const android = userAgent.match(/(Android);?[\s\/]+([\d.]+)?/)
const iphone = userAgent.match(/(iPhone\sOS)\s([\d_]+)/)
// 如果是Android或iPhone，则跳转至移动站点
if (android || iphone) {
// 实际开发中替换为自己要访问的地址
location.href = 'http://m.itcast.cn' }
})()

示例

在控制台查看navigator对象

在这里插入图片描述

在控制台查看navigator的userAgent 属性

在这里插入图片描述

通过navigator对象的userAgent 属性来决定访问PC端还是移动端地址

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script>
    // 检测 userAgent（浏览器信息）
    !(function () {
      const userAgent = navigator.userAgent
      // 验证是否为Android或iPhone
      const android = userAgent.match(/(Android);?[\s\/]+([\d.]+)?/)
      const iphone = userAgent.match(/(iPhone\sOS)\s([\d_]+)/)
      // 如果是Android或iPhone，则跳转至移动站点
      if (android || iphone) {
        location.href = 'http://m.itcast.cn'
      }
    })()
  </script>
</head>

<body>
  这是pc端的页面
</body>

</html>