前端开发—根据访问的设备来展现相应的pc端或者移动端网页

原创

已于 2022-05-19 15:21:48 修改 · 799 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2022-05-19 15:13:20 首次发布

本文介绍了在开发过程中如何根据用户访问设备显示相应的PC端或移动端网页。作者首先尝试了响应式布局但未成功，选择了通过判断用户代理（UA）来实现。提出了两种方法：一是在前端JavaScript中判断UA，二是在后端nginx中判断UA。作者倾向于使用后端判断，以避免响应式布局中可能出现的延迟跳转问题，并提供了相关的参考资料。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：
在开发完PC端后，被告知要适配移动端。适配移动端有两种方法，一是响应式布局，二是单独开发移动端。一开始试了试第一种方法发现不合适，于是选择第二种。那么关键问题是如何在同一网址的情况下在PC端访问则返回PC端页面，在移动端访问则返回移动端页面。

这里推荐第二种方法！因为第一种方法在判断完了之后，跳转链接时会明显的在原网页停留，然后才跳转到新网页
法一：在前端JS中判断UA

var userAgent = navigator.userAgent.toLowerCase();
    var platform;
    if (userAgent == null || userAgent ==

最低0.47元/天解锁文章

200万优质内容无限畅学