20论坛_玩杰网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

点击进入授权页面

只需一步,快速开始

查看: 221|回复: 0

HTML判断用户端类型并进行页面跳转

[复制链接]
灌水成绩
233
311
2147103002
主题
帖子
积分

等级头衔

 ID : 1

20论坛管理员

积分成就    威望 : 0
   贡献 : 0
   杰币 : 2147102671
   在线时间 : 467 小时
  注册时间 : 2020-2-1
  最后登录 : 2020-6-6

联系方式
QQ
发表于 2020-4-12 16:39:45 | 显示全部楼层 |阅读模式
网页通常需要适配PC端和移动端,适配可以通过响应式布局如bootstrap框架判断屏幕尺寸来展示不同的效果,还可以通过编写两个页面,也就是PC端和移动端分别写一个页面,这种方式更方便功能模块的编写,但需要花费更多的人力。在编写了两个页面时,都是用同一个域名解析,但在实际页面加载时要加载到对应的页面,所以需要判断设备的类型,如下:
  1. <script> //判断设备是否为手机
  2.       !function () {
  3.         var devices = ["iPhone","Android","Windows Phone"]
  4.         var ua = window.navigator.userAgent
  5.         for (var i = 0; i < devices.length; i++) {
  6.             if (ua.indexOf(devices[i]) != -1) {
  7.                 window.location.href = 'https://playjie.net'
  8.             }
  9.         }
  10.       }() </script>
复制代码

将代码放在head标签中
window.location.href为重定向到移动端页面的地址。
版权及免责声明:
20论坛提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。敬请谅解!

帖子地址: 

20论坛(playjie.net)欢迎您的加入!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则

QQ|Archiver|手机版|小黑屋|20论坛_玩杰网 ( 鄂ICP备19018518号-3 )

qq12856769 X3.4© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表