如何让网站自动识别手机端与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来制作自己的手机网站,当然如果有更好的程序或者模板,那你也可以做成自己喜欢的样式。

点击进入:https://siteapp.baidu.com/

1、免费创建自己的wapapp应用。输入域名点击右上角“下一步”。

2、更具自己网站的需求来制作自己的手机网站。如果你是门户站可以使用通用模板A,企业网站可以使用通用模板B,如果你是个人博客可以使用通用模板C。颜色更具网站的需求来标记即可。

3、设置导航,一般的情况下,博客类型网站设置的导航比较多,如果你是企业网站,那么你可以添加案例导航与新闻导航以及联系方式的导航即可。

4、更具你网站的需求,可以设置组件,比如电话咨询、在线咨询、查看地图等。

5、验证网站即可。

来源:,欢迎分享本文!

你会喜欢下面的文章? You'll like the following article.