使用同一个链接，如何实现PC打开是web应用，手机打开是一个H5应用

方法一：通过 User-Agent 前端判断设备类型并跳转

利用前端 JavaScript 获取浏览器的 User-Agent 字符串，判断设备类型，跳转或加载不同的页面。

const userAgent = navigator.userAgent.toLowerCase();

// 判断是否是移动设备
const isMobile = /mobile|android|iphone|ipad|phone/i.test(userAgent);

if (isMobile) {
  // 跳转到 H5 页面
  window.location.href = '/h5';
} else {
  // 跳转到 Web 页面
  window.location.href = '/web';
}

优势：

  • 前端实现简单，灵活性强。
  • 无需后端介入。

劣势：

  • 对 SEO 不友好，搜索引擎无法正确索引页面。
  • 用户体验稍差，需加载完成后再跳转。
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容