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


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

说明

网页通常需要适配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 = 'https://www.kljs6.com'
        }
    }
  }() </script>

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

最后修改:2022 年 05 月 15 日
如果觉得我的文章对你有用,请随意赞赏