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

阅读量：355 次

发布时间：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/

你可能感兴趣的文章

nuget.org 无法加载源 https://api.nuget.org/v3/index.json 的服务索引

Nuget~管理自己的包包

NuGet学习笔记001---了解使用NuGet给net快速获取引用

nullnullHuge Pages

NullPointerException Cannot invoke setSkipOutputConversion(boolean) because functionToInvoke is null

null可以转换成任意非基本类型(int/short/long/float/boolean/byte/double/char以外)

Number Sequence（kmp算法）

Numix Core 开源项目教程

NumPy 库详细介绍-ChatGPT4o作答

NumPy 或 Pandas:将数组类型保持为整数，同时具有 NaN 值

numpy 或 scipy 有哪些可能的计算可以返回 NaN?

numpy 数组 dtype 在 Windows 10 64 位机器中默认为 int32

numpy 数组与矩阵的乘法理解

NumPy 数组拼接方法-ChatGPT4o作答

Numpy 科学计算库详解

Numpy.fft.fft和numpy.fft.fftfreq有什么不同

numpy.linalg.norm(求范数)