创建响应式网页：使用JavaScript进行设备检测和跳转

在当前移动互联网时代，用户访问网站已经成为了多平台多设备混合的环境。因此，为了提供更好的用户体验，许多网站会根据用户设备和屏幕尺寸的不同，在 PC 端和移动端之间进行自动跳转。本文将介绍如何使用 JavaScript 来检测用户设备和尺寸，并根据检测结果进行相应的跳转。

1.使用 navigator.userAgent 检测用户设备类型：
使用 navigator.userAgent 属性可以获取用户浏览器提供的标识字符串，从而判断用户设备类型。例如，可以检测是否包含 “Mobile” 字符串来判断是否是移动设备。

示例代码：

function isMobileDevice() {
  return /Mobile/.test(navigator.userAgent);
}

2.使用 window.innerWidth 和 window.innerHeight 检测屏幕尺寸：
使用 window.innerWidth 和 window.innerHeight 属性可以获取用户屏幕的可见宽度和高度，从而判断屏幕尺寸。例如，可以判断可见宽度是否小于某个阈值来判断是否是移动设备。

示例代码：

function isMobileViewport() {
  return window.innerWidth < 768;
}

通过使用 JavaScript 来检测用户设备和屏幕尺寸，我们可以根据不同的情况进行相应的跳转，以提供更好的用户体验。