AIDE技术官网
AIDEZY.COM

JS判断用户端类型并进行不同链接跳转

JS判断用户端类型并进行不同链接跳转

JS判断用户端类型并进行不同链接跳转

前言:

JS判断用户端类型并进行不同链接跳转,如果对你有帮助就看看吧。

JS判断用户端类型并进行不同链接跳转 JS教程 第2张

正文:

网页通常需要适配PC端和移动端,适配可以通过响应式布局如bootstrap框架判断屏幕尺寸来展示不同的效果,还可以通过编写两个页面,也就是PC端和移动端分别写一个页面,这种方式更方便功能模块的编写,但需要花费更多的人力。在编写了两个页面时,都是用同一个域名解析,但在实际页面加载时要加载到对应的页面,所以需要判断设备的类型,如下:

<script> //判断设备是否为手机
      !function () {
        var devices = ["iPhone","Android","Windows Phone"]
        var ua = window.navigator.userAgent
        for (var i = 0; i < devices.length; i++) {
            if (ua.indexOf(devices[i]) != -1) {
                window.location.href = 'http://aidezy.com'
            }
        }
      }() </script>

将代码放在head标签中,window.location.href为重定向到移动端页面的地址。

譬如你想让来访的手机用户重定向到 http://m.baidu.com那么你就把window.location.href = ‘http://www.aidezy.com’替换,window.location.href = ‘http://m.baidu.com’

搜一下

海报生成 赞(0) 打赏

来都来了!评论一下呗! 抢沙发

  • QQ (自动获取名称头像等信息|选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (选填)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

登录

忘记密码 ?

切换登录

注册