HTML移动端及PC端页面跳转判断

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

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