尊敬的社员,您好!欢迎您来到麦布网,请[注册]或[登录]

宁夏十一选五开奖 | 同城网站 | 麦布网摘 | 网站目录 | 程序源码 | 站长导航 | 站长工具 | 推广链接 |

 
 
当前位置:麦布首页 -> 站长网志 -> 查看日志
教你打造自动识别PC端与移动端的响应式网站

宁夏十一选五开奖 www.6o7li.cn 2016-9-19 21:38:00 | MyBu


    随着移动端浏览量占比大幅提升,如何打造一个自动识别屏幕尺寸的自适应网站,就变成了站长不得不解决的一个现实问题。网站自动识别手机端的方法有很多,但是对于新手来说很是复杂,而且调试起来很困难。下面麦布就教你一个很简单的自动识别手机端并跳转的响应式网站。
   
    步骤一:进入百度开发者中心(//siteapp.baidu.com/),利用siteapp来制作自己的手机网站,很简单,都是模板式建站,会打字就行。
   
    步骤二:绑定一个专属webapp域名,例如:m.54admin.net,将您已提交的WebApp域名的CNAME解析到siteapp.baidu.com
   
    步骤三:将自动识别手机端与PC端的代码放置在你网站代码的顶部位置。代码如下:
    <script type="text/javascript">
    if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
    if(window.location.href.indexOf("?mobile")<0){
    try{
    if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
    window.location.href="//m.54admin.net";
    }else if(/iPad/i.test(navigator.userAgent)){
    window.location.href="//m.54admin.net";
    }else{
    window.location.href="//www.54admin.net"
    }
    }catch(e){}
    }
    }
    </script>
   
    这样就大功告成了,是不是很简单呢?
   
    欢迎关注麦布(微信/QQ号:330419081),一起分享站长资源,探讨网站运营推广之道!



发表评论:欢迎对该文章发表你的看法。


还没有任何评论

 共计 0 条评论 | 共: 页 | 当前: 第 页 当前只有一页
 

    记录麦布网站的发展历程及使用技巧,请随时关注黑板报!

::日志分类::

告示·网站的大小事务
手记·建站的心得体会
品网·品尝互联网之美
碎语·闲话互联网之外


 
 

关于麦布 | 用户帮助 | 广告服务 | 新站登录 | 网站地图 | 站长博客 | 联系我们
Copyright © 宁夏十一选五开奖 Inc. 浙ICP备11061744号-2  基于阿里云服务器

  • 今年江西千万元公益金买服务 受益者将更广泛 2018-12-15
  • 对话川美前院长罗中立:揭秘《父亲》创作历程 2018-12-15
  • 女司机连撞9辆车 下车借火淡定抽烟称:我故意的黄衣女子黑色轿车-要闻 2018-12-15
  • 让国家强起来是当代青年的时代使命(新知新觉) 2018-12-14
  • 文化--北京频道--人民网 2018-12-14
  • 特金明日将通电话 提醒谁莫忘感恩? (原创首发) 2018-12-13
  • 用光的语言 诠释智慧生活 2018-12-13
  • 户口迁移耽搁了17年 诸暨籍女子找回“迟到”的身份 2018-12-13
  • 《杭州运河集市》:恒久不衰,与时俱进 2018-12-13
  • 关于对部分载客汽车采取交通管理措施的通告 2018-12-12
  • 这样吃饭让你瞬间有食欲:厌食常喝金桔水 2018-12-12
  • 这些“专家”说得相当不靠谱,没有一个说到点子上。事实上不仅“农民没有富起来”,广大工薪阶层也“没有富起来”,其根本原因在于社会财富被个人占为私有的私有... 2018-12-11
  • 书写新时代万千气象 凝聚全民族磅礴力量 2018-12-11
  • 世相【镜头中的陕西人】 2018-12-11
  • 不忘初心 牢记使命 作新时代“三个表率”——中直机关学习贯彻党的十九大精神新气象新作为 2018-12-11
  • 944| 834| 840| 834| 199| 481| 176| 947| 601| 655|