从腾讯新闻站的页面源码上的找到的一段判断用户设备的js代码,主要思路还是根据用户的userAgent中的关键词来匹配判断用户当前的设备是什么。
[code type=javascript]
if(!/Android|webOS|iPhone|Windows Phone|iPod|BlackBerry|SymbianOS/i.test(navigator.userAgent)){
window.location.href = ‘xxxx.ccc’;
}
[/code]
按需食用,可自行根据需要修改匹配字段中的关键字来取舍平台,比如自己的网站出了款ios的app,暂时没有安卓的,那么就可以把规则中的除‘iPhone|iPad|iPod’之外的设备关键词全都去掉,然后将if判断中的代码替换成加载展示某个浮动层提示用户可下载IOS的App。
另外推荐一个js库“https://github.com/matthewhudson/device.js”
Device.js 通过操作系统(比如 iOS,安卓,黑莓,Windows,Firefox OX),方向(横屏或者竖屏),类型(平板或者移动设备),比如在 iPhone 上的浏览的时候在添加的 CSS Class为‘ios iphone mobile’,前端开发者可以根据这些顶层class的不同针对不同的系统写出各自适配的样式。