前言

问题：如何通过JS识别手机端还是PC端，以跳转到不同对应页面中

答：这个任务场景大多用以页面适配的场景下。当用户设备是PC端进入页面后是第一张页面，而当用户设备是手机端时则进入第二张页面。基于要求，以下以简单的JS代码进行实现。

ps：该功能可通过响应式布局基于识别当前屏幕大小去实现，或者以下的基于通过识别用户的设备信息去实现。

对你有帮助的话，就点个赞或者点个收藏吧。你的支持是我创作的动力！

代码实现

# 假设PC端指定的页面为默认访问页面
<script  language="JavaScript">function jump(){//1、识别用户设备是PC端还是手机端//声明要识别的手机端设备var devices = ["iPhone","Android","Windows Phone"];//获取当前用户设备信息var userAgent = window.navigator.userAgent;//2、识别用户PC端还是手机端for(let i = 0;i<devices.length++){//找到对应手机端设备的信息后跳转后手机端指定页面if(userAgent.indexOf(devices[i])!=-1){//当前跳转为重定向跳转url会改变，如果想在Url不改变的情况下进行跳转可考虑使用iframe，js控制iframe的src。window.location.href = 'http://www.要跳转的页面.com';}}//当循环结束后找不到对应的手机端设备信息则保持在默认的PC端页面上，即不跳转。}	# 调用时机
# 1、当用户点击页面屏幕时进行方法的调用，以识别不同的设备信息document.body.onclick = function() { jump();} 
# 2、等待页面加载完成，调用方法，以识别不同的设备信息window.οnlοad=function(){jump();}<script>

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！