这篇文章给家讲解让网站自动识别手机端与PC端的方法,具有一定的参考价值,感兴趣的朋友可以跟我来看看
经过淘宝双十一给出的数据统计,每五个人当中有一个人是通过手机端来进入淘宝购物的。通过经过我的博客数据统计,每3个人当中有一个人使用手机端来访问,这就意味着移动网络已经来临。
为了避免自己的网站落后,相信许多人都在想办法把自己的网站做成手机与电脑通用的网站,如何让网站自动识别手机端与PC端是各位站长一直困惑的问题。我在网络上寻找了很久一直没有找到合适的答案。经过测试,我把我自己的网站成功做成了自动识别的效果。方法很简单,在你需要自动跳转的页面加入以下代码:
<script type="text/javascript"> var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate", "bada", "nokia", "lg", "ucweb", "skyfire"); var browser = navigator.userAgent.toLowerCase(); var isMobile = false; for (var i=0; i<mobileAgent.length; i++){ if (browser.indexOf(mobileAgent[i])!=-1) { isMobile = true; //alert(mobileAgent[i]); location.href = 'https://siteapp.baidu.com/webapp/ssffx.com#m/https://www.ssffx.com/'; break; } } </script>
手机网站如何做
当然更具不一样的程序制作手机网站的方法也是不一样的。这里我是使用一个通用的方法来制作我的手机网站的,适合任何一个程序系统。也就是百度移动开放平台。 利用siteapp来制作自己的手机网站,当然如果有更好的程序或者模板,那你也可以做成自己喜欢的样式。
1、免费创建自己的wapapp应用。输入域名点击右上角“下一步”。
2、更具自己网站的需求来制作自己的手机网站。如果你是门户站可以使用通用模板A,企业网站可以使用通用模板B,如果你是个人博客可以使用通用模板C。颜色更具网站的需求来标记即可。
3、设置导航,一般的情况下,博客类型网站设置的导航比较多,如果你是企业网站,那么你可以添加案例导航与新闻导航以及联系方式的导航即可。
4、更具你网站的需求,可以设置组件,比如电话咨询、在线咨询、查看地图等。
5、验证网站即可。
以上就是给大家讲解的让网站自动识别手机端与PC端的方法,希望对小伙伴们的学习和工作有所帮助,欢迎再次来到代码之家谢谢!