如何判断页面是在移动端还是PC端打开的呢？ - 文章中心

【目前站内待审帐号共：2 个】

| 学校官网 | 加入收藏 | 站点二维码【我要留言】

用户登录

电子邮件：0745001@163.COM

即时通讯：QQ-164247110

联系地址：洪江市芙蓉中学

文章搜索

	请选择类别

栏目导航

最新录入

· 可自动关闭的alert(..	24-09-17
· js中多层引号嵌套的..	24-09-17
· JavaScript实现页面..	24-09-17
· highchart本地化导出..	24-09-08
· 富含人生哲理的插图..	24-09-03
· 2024奥运会中国金牌..	24-08-11
· 水的光解是否需要酶..	24-07-28

首页

文章中心

技术文档

如何判断页面是在移动端还是PC端打开的呢？

来源：转载点击数：171 次更新时间：2018-10-05

网上有很多方法，写的或难或简单，实际上一行代码就够了

window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? "https://www.baidu.com/" : "http://news.baidu.com/";
　　

以上代码利用了正则表达式和三目运算符，含义就是如果是移动端打开的话那就跳转到 "https:www.baidu.com/" ，如果不是就跳转到"http://new.baidu.com/"，这个看不懂的话，那我下面这样写就很容易理解了吧

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
window.location.href = "https://www.baidu.com/";
} else {
window.location.href = "http://news.baidu.com/";
}

　　什么？if里面的判断还是看不懂？实际上就是利用正则去判断 navigator.useragent 是否含有 Android/webOs/iphone 等字符串，并且利用修饰符 "i" 做了不区分大小写，然后用正则的方法 test 去判断是否满足，如果这种方式不理解的话完全可以利用字符串的 indexOf 方法去判断。

【刷新页面】【加入收藏】【打印此文】【关闭窗口】

上一篇：响应式图像--图片自适应大小　下一篇：工作室作品获第十届国际发明展铜奖

>>> 申请友情链接 >>>>