JS判断设备访问的是PC端还是手机端

最新推荐文章于 2024-05-30 15:47:51 发布

原创最新推荐文章于 2024-05-30 15:47:51 发布 · 689 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript

收录于

web前端同时被 2 个专栏收录

22 篇文章

订阅专栏

javascript

4 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现自适应网页跳转的方法，确保移动设备访问移动端页面，PC端访问PC端页面，提供了具体代码示例。

最近在写官网官网需要的是自适应的网页但是PC和移动端的页面是不一样的所以做了两套 PC的一套手机的一套项目准备上线了既然做了两套肯定是要手机端访问手机的页面 PC访问PC的页面怎么办呢用js来判断一下

在PC端的首页头部加上这句代码就可以啦当你是移动设备访问他自己会进行跳转

<script type="text/javascript">
	if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
		 window.location.href = "http://127.0.0.1:8848/stu/test/moblie_Index.html";
	} 
</script>

测试例子

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/";
}