如何让手机和PC不同的浏览器打开网页输出不同的代码
文章来源:小灰博客| 时间:2016-03-28 18:37:00| 作者:Leo | 4 条评论
随着移动端网站覆盖率增加,对于有既有移动端网站又有PC端网站的,想用手机打开PC端跳转到移动的域名的可以参考之前记录过的一片文章
http://www.sky00.com/archives/1229.html
那么对于同一个页面,大家如果想做到电脑浏览器打开是一种代码或者CSS 手机浏览器打开又是另外一种样式代码 这个时候就该用到下面的JS判断了。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <script type="text/javascript"> //平台、设备和操作系统 var system = { win: false, mac: false, xll: false, ipad:false }; //检测平台 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false; if (system.win || system.mac || system.xll||system.ipad) { document.write("输出电脑版的样式");//这里可以输出任何语言代码,比如下面是输出PHP的 // document.write("<?php echo "输出电脑版的样式";?>"); } else { document.write("输出手机版的样式");//同样这样也可以用任何语言的代码 // window.location.href = "http://www.sky00.com/m/"; 如果是手机访问跳转的话用这个,如果是手机访问想输出样式和代码用上面的。 } </script> |
如果该文章帮到了您,不妨帮忙分享支持下博主!
同时也欢迎各位技术爱好者加入IT技术群(点击即可):70035098 互相交流学习!
同时也欢迎各位技术爱好者加入IT技术群(点击即可):70035098 互相交流学习!
分享该文章到:
4条评论
其实做一个在PC上做一个判断跳转就可以了~
这个可以研究一下,以后可能用的到啊,呵呵!
是的呢
谢谢分享。