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

阅读量：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/

你可能感兴趣的文章

NMAP网络扫描工具的安装与使用

NN&DL4.3 Getting your matrix dimensions right

NN&DL4.8 What does this have to do with the brain?

No 'Access-Control-Allow-Origin' header is present on the requested resource.

No fallbackFactory instance of type class com.ruoyi---SpringCloud Alibaba_若依微服务框架改造---工作笔记005

No module named cv2

No module named tensorboard.main在安装tensorboardX的时候遇到的问题

No qualifying bean of type XXX found for dependency XXX.

No resource identifier found for attribute 'srcCompat' in package的解决办法

Node.js 文件系统的各种用法和常见场景

node.js 配置首页打开页面

node.js+react写的一个登录注册 demo测试

Node.js安装与配置指南：轻松启航您的JavaScript服务器之旅

nodejs libararies

nodejs-mime类型

nodejs中Express 路由统一设置缓存的小技巧

Node入门之创建第一个HelloNode

NotImplementedError: Cannot copy out of meta tensor； no data! Please use torch.nn.Module.to_empty()

npm run build 失败Compiler server unexpectedly exited with code: null and signal: SIGBUS

npm WARN deprecated core-js@2.6.12 core-js@＜3.3 is no longer maintained and not recommended for usa