自动识别手机访问脚本

 

自动识别手机访问

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

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

判断物理分辨率，根据不同的分辨率进行跳转！！！！！！

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

<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，横向分辨率大于此就算电脑屏幕，小于此算手机屏幕。