方法一:判断客户端浏览器的分辨率/宽度像数(测试成功)
判断客户端是电脑还是手机的目的是为了让用户能看到适合的屏幕内容,那么我们为什么不来判断客户端的分辨率进行有选择的跳转呢?所以,最终考虑分辨率小于480的终端均跳转到WAP页面。
代码如下:
<script type="text/javascript"> |
不过:有些Android自带的浏览器分辨率达到了800,所以在这些手机上打开的仍旧是PC版网站,为了避免这个问题,最终我把480这个数值设层了801。还有,ipad的屏幕分辨率已经够大了,所以没去考虑判断他。
方法二:navigator.platform 的方法(未经测试)
最近项目中用到一个应用,当访问同一个网站地址的时候,例如:www.xxx.com的时候,如果当前客户端是pc则跳转到专注于pc的部分,如果当前客户机是手机,则跳转到专注于手机的部分,秉承一贯的习惯,baidu or google,但发觉网上的解决办法都不尽如人意,很多都是通过js读取本地文件系统进行判断,但经过测试,不能成功,而且通过js读取本地文件系统会造成安全性问题,但作为开放的互联网,我们不可能为每一部电脑设置安全性,于是自己动手,丰衣足食,以下就是我的解决办法:
依然是用js,不过只需要用到 navigator.platform,这是鉴于读取这个属性并不会造成安全性问题,而且,普遍的操作系统都屈指可数
代码如下:
<script type="text/javascript"> |