js如何判断用户是在PC端和还是移动端访问

判断用户是在PC端还是移动端访问是前端开发中常用的操作，这个操作可以给不同平台的用户提供不同的服务。

以下是一些方法来判断用户是在PC端还是移动端访问，其中包括使用用户代理字符串（User-Agent String）、媒体查询等不同的方式。

方法一：使用User-Agent字符串

通过检查浏览器的User-Agent字符串来判断用户是在PC端还是移动端访问。

User-Agent字符串是浏览器发送到服务器的一系列信息，包括浏览器版本、操作系统、设备类型等信息的集合。常用的移动设备的User-Agent字符串中都包含“Mobi”或“Mobile”的字样，因此可以通过检查User-Agent字符串中是否包含这些字样来判断用户是在移动端还是PC端访问。

以下是一个使用User-Agent字符串判断的JavaScript示例：

const isMobile = /iPhone|iPad|iPod|Android|Windows Phone/i.test(navigator.userAgent);
if (isMobile) {
  // 移动端逻辑
} else {
  // PC端逻辑
}

方法二：使用媒体查询

使用CSS的媒体查询来检测屏幕大小，从而判断用户是在PC端还是移动端访问。

媒体查询是CSS中的一种语法，可以根据屏幕大小、屏幕比例、设备方向等条件来选择应用不同的样式。

以下是一个使用媒体查询判断的JavaScript示例：

const isMobile = window.matchMedia('(max-width: 768px)').matches;
if (isMobile) {
  // 移动端逻辑
} else {
  // PC端逻辑
}

在示例中，我们使用了window.matchMedia()方法来获取当前屏幕大小是否匹配指定查询字符串，如果匹配则说明当前用户是在移动端。

使用以上两种方法中的任何一种都可以帮助我们判断用户是在PC端还是移动端访问，根据不同平台给用户提供适合的服务。