如何让网站自动识别手机端与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、验证网站即可。

来源：博客，欢迎分享本文！