随着3G和智能手机应用，我们的网站越来越需要识别是不是手机来访问的

传统思维是检测浏览器标识，可是实际用的时候很难判断准，

尤其手机浏览器五花八门。

后来突发奇想，为什么不测下屏幕宽度呢？

于是想，我做两个页面，大的适应电脑屏幕，小的适应手机屏幕，

自己跳转不就是了，在页面最下面加这样一段代码：

这一段代码放在大页面里：

<script language="javascript">

function jmp()

 {w=document.body.clientWidth;  //测试显示区宽度

  if (w>window.screen.width) w=window.screen.width;  //有些手机浏览器，比如QQ，会让页面宽度大于屏幕物理宽度

  if (w<700) window.location.href="small.html";}

window.onresize=jmp;

jmp();

</script>

这一段代码放在小的页面里：

<script language="javascript">

function jmp()

 {w=document.body.clientWidth;  //测试显示区宽度

  if (w>window.screen.width) w=window.screen.width;  //有些手机浏览器，比如QQ，会让页面宽度大于屏幕物理宽度

  if (w>700) window.location.href="big.html";}

window.onresize=jmp;

jmp();

</script>

这样，大屏幕访问就变成了big,html，小屏幕访问自动跳转到small.html

阈值是700，横向分辨率大于此就算电脑屏幕，小于此算手机屏幕。

大于700的手机会认错，但是手机能显示横向700分辨率了，还看啥小页面啊？

 

阅读次数：6705 2010-12-28 17:12@【商都社区】

---

发表评论请到【商都社区】跟帖，将在今晚同步过来