如何让网站自动识别手机端与PC端屏幕自适应

作者:投稿 , 分类:经验心得 , 浏览:60327 , 评论:4

  经过淘宝双十一给出的数据统计,每五个人当中有一个人是通过手机端来进入淘宝购物的。通过经过我的博客数据统计,每3个人当中有一个人使用手机端来访问,这就意味着移动网络已经来临。网页自动识别屏幕尺寸,是现在流行的一种趋势,因为手机上网的人数在逐渐的增长,如果在不调整网页移动的端的结构,将会失去很多访客。


  2-14030315105D93.jpg

  每五个人当中有一个人是通过手机端来进入淘宝购物的

  

  为了避免自己的网站落后,相信许多人都在想办法把自己的网站做成手机与电脑通用的网站,如何让网站自动识别手机端与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 = 'http://siteapp.baidu.com/webapp/ssffx.com#m/http://ssffx.com/';
  
  break; } }
  
  </script>

  

  手机网站如何做

  

  当然更具不一样的程序制作手机网站的方法也是不一样的。这里我是使用一个通用的方法来制作我的手机网站的,适合任何一个程序系统。也就是百度移动开放平台。 利用siteapp来制作自己的手机网站,当然如果有更好的程序或者模板,那你也可以做成自己喜欢的样式。

  

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

  

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

  

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

  

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

  

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

  

  5、验证网站即可。

来源:冯耀宗博客

版权说明:如非注明,本站文章均为 华省省 (QQ:283365526)原创,转载请注明出处和附带本文链接。

发表评论

必填

选填

选填

◎参与讨论,发表您的看法、交流您的观点,加我咱俩聊聊QQ:283365526

已有4位网友发表了看法:

1#画中仙特效网  2015-10-23 11:37:05 回复该评论
很多程序其实是自带手机版本的,也很简单。
2#网站目录推广中心  2015-10-23 22:06:09 回复该评论
正在找自适应的代码,谢谢了
3#流量分发  2015-10-28 14:53:54 回复该评论
公司的网站是自适应的,百度的那个我还没搞定,哎~
4#寒光  2016-01-17 19:03:32 回复该评论
写css就可以了*.* www.iitboy.cn 看看
热门文章
    站长新闻
    IT创业
    好文分享
    热评文章
      华省省博客