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

同居代孕 | 同城网站 | 麦布网摘 | 网站目录 | 程序源码 | 站长导航 | 站长工具 | 推广链接 |

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

同居代孕 www.supergamer.cn 2016-9-19 21:38:00 | MyBu


    随着移动端浏览量占比大幅提升,如何打造一个自动识别屏幕尺寸的自适应网站,就变成了站长不得不解决的一个现实问题。网站自动识别手机端的方法有很多,但是对于新手来说很是复杂,而且调试起来很困难。下面麦布就教你一个很简单的自动识别手机端并跳转的响应式网站。
   
    步骤一:进入百度开发者中心(http://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="http://m.54admin.net";
    }else if(/iPad/i.test(navigator.userAgent)){
    window.location.href="http://m.54admin.net";
    }else{
    window.location.href="http://www.54admin.net"
    }
    }catch(e){}
    }
    }
    </script>
   
    这样就大功告成了,是不是很简单呢?
   
    欢迎关注麦布(微信/QQ号:330419081),一起分享站长资源,探讨网站运营推广之道!



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


还没有任何评论

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

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

::日志分类::

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


 
 
荆州助孕 | 武汉中医医院排名 | 主格丰胸整形网 | 深圳助孕服务 | 武汉代孕 | 呼和浩特代孕 | 苏州代孕 | 深圳代孕网 |
  • 瓮安县组织开展2016年县乡人大换届选举工作培训_调经助孕胶囊排卵推迟
  • “美国优先”给美欧关系添堵_中国有代孕吗
  • 曾与葛优是金童玉女的霸气美人 赴美结婚后活成这样_马来西亚代孕合法吗
  • 三一重工股份有限公司简介_阳泉代孕公司
  • 阿根廷駐華大使:渲染“中國威脅論”是無稽之談_郑州诚信代乃孕公司地址
  • 青海省扶贫开发工作会议召开_沈阳代孕产子公司
  • 马鞍山严查交通违法行为 保障群众安全出行_古代孕妇生产视频
  • 中国太湖农家菜文化展览馆_2017代孕合法化吗
  • 人民日报域外听风:不可辜负“她力量”_哪里找越南女人代孕
  • 北京去年完成“大气十条”目标_无锡试管婴儿医院排名
  • 到2025年我国将再创建3万所校园足球特色学校_海口代孕群
  • 迪拜推出"迪拜城市体验"小程序优化中国游客出行体验_绍兴代孕产子中心哪里最安全
  • 紧扣立德树人根本任务 推动全省高校思想政治工作迈上新台阶_深圳代孕事件
  • 2017“中國最具幸福感城市”調查推選結果發布_环球宝贝代孕怎么样
  • 1987年4月13日,邓小平会见葡萄牙总理席尔瓦_庄河代孕公司