查看: 852|回复: 0

[源码教程] HTML判断用户端类型并进行页面跳转

[复制链接]
累计签到:30 天
连续签到:1 天

155

主题

11

回帖

1866

积分

星体

名望
0
星币
556
星辰
0
好评
24
发表于 2023-11-26 12:35:00 | 显示全部楼层 |阅读模式

注册登录后全站资源免费查看下载

您需要 登录 才可以下载或查看,没有账号?立即注册

×
网页通常需要适配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 = 'http://www.paijishu.net'
  8.             }
  9.         }
  10.       }() </script>
复制代码

将代码放在head标签中
window.location.href为重定向到移动端页面的地址。
譬如你想让来访的手机用户重定向到 http://m.baidu.com那么你就把window.location.href = 'http://www.paijishu.net'替换为
window.location.href = 'http://m.baidu.com'



有啥问题可以私信问我,看到会回复。有啥问题可以私信问我,看到会回复。有啥问题可以私信问我,看到会回复。
有啥问题可以私信问我,看到会回复。有啥问题可以私信问我,看到会回复。有啥问题可以私信问我,看到会回复。
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|偏爱技术社区-偏爱技术吧-源码-科学刀-我爱辅助-娱乐网--教开服-游戏源码

偏爱技术社区-偏爱技术吧-源码-科学刀-我爱辅助-娱乐网-游戏源码

Powered by Discuz! X3.5

GMT+8, 2024-11-11 02:29 , Processed in 0.079318 second(s), 32 queries .

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