判断移动端（手机）还是客户端（电脑）打开网页并跳转不同页面（首页）

阅读量：356 次

发布时间：2019-03-04

本文共 479 字，大约阅读时间需要 1 分钟。

移动端与客户端首页布局的解决方案

在移动端和客户端的首页布局中，由于设备的屏幕尺寸和遥感体验存在显著差异，常常需要为不同终端开发专门的HTML页面。以下是实现判断移动端（手机）或客户端（电脑）浏览网页并跳转不同页面的JavaScript代码示例及说明。

代码解释

UA检测：通过navigator.userAgent获取客户端的用户代理字符串，检测是否为常见的移动端设备品牌和类型。

条件判断：使用正则表达式/Android|webOS|iPhone|iPod|BlackBerry/i匹配用户代理字符串，判断是否为移动端设备。

跳转页面：

若为移动端设备，跳转至shouji.html（手机版首页）。

否则，跳转至zaixian.html（电脑版首页）。

注意事项

JS代码应放置在body标签的bottom部分，确保在页面加载完成后立即执行。

shouji.html和zaixian.html分别对应移动端和客户端的首页路径，需根据实际项目路径进行调整。

通过上述方法，可以实现根据终端设备自动跳转不同版本的首页页面，有效解决移动端与客户端布局差异问题。

转载地址：http://bpir.baihongyu.com/

你可能感兴趣的文章

pip throws TypeError: parse() got an unexpected keyword argument ‘transport_encoding‘ 在尝试安装新软件包时

pip 升级报错AttributeError: ‘NoneType’ object has no attribute ‘bytes’

pip 安装opencv-python卡死

pip 安装出现异常

Pip 安装失败:需要 SSL

Pip 安装挂起

pip 或 pip3 为 Python 3 安装包?

pip 文件损坏导致 pip无法使用报错 ImportError: cannot import name 'main' from 'pip._int

pip 无法从 requirements.txt 安装软件包

pip/pip3更换国内源

pip3 install PyQt5 --user 失败

pip3命令全解析：Python3包管理工具的详细使用指南

pip3安装命令重复创建文件‘/tmp/pip-install-xxxxx/package‘失败

PIPE 接口信号列表

pipeline配置与管理Job企业级实战

pipeline项目配置实战

Pipenv 与 Conda?

QVGA/HVGA/WVGA/FWVGA分辨率屏含义及大小//Android虚拟机分辨率

pipreqs : 无法将“pipreqs”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。