• “小创新”也是大突破(一线视角)_苏州3A代孕公司
  • 2018中秋赏月预报出炉 你家看得见月亮吗?_国内允许代孕吗
  • 四川115条普通省道成网有了“建设图”_ 忻州代孕多少钱
  • 5年耗费130亿美元!美“太空军”计划瞄准中俄(14)_中原代孕网
  • 罗康瑞:港沪联手推动“一带一路”建设_捐卵过程痛苦吗
  • 限制出境显奇效 “球迷”主动求履行_ 三门峡助孕方法
  • 双外援与球队会合!浙江队官方发布二人训练照_安达代孕网
  • 中国光谷:而立之年,一座新城崛起_武汉有喜代孕
  • 家电监管加码:纳入全国重点工业品质量监督目录_吃什么中药助孕
  • 中国篮球,软实力硬起来_帮助排卵助孕吃什么
  • 《夺命来电》今日上映 视效好评_陋俗之代孕免费阅读
  • 降低群众药费负担提高保障水平_重庆添禧代孕要多少钱
  • 只要真抓、较真、碰硬,没有解决不了的问题_宁德代孕
  • 《苏丹》:热血摔跤沦为套路,印度片不代表爆款_美国代孕中介
  • 【博物馆里过大年】新春文化系列展之“梅兰竹菊”_正常女人一个月排卵多少
  • 尊敬的社员,您好!欢迎您来到麦布网,请[注册]或[登录]

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

     
     
    当前位置:麦布首页 -> 站长网志 -> 查看日志
    教你打造自动识别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 条评论 | 共: 页 | 当前: 第 页 当前只有一页
     

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

    ::日志分类::

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


     
     
    孕妇防辐射 | 药物流产 | 早孕反应 | 怀孕初期症状 | 孕妇睡觉注意事项 | 孕晚期注意事项 | 石家庄助孕公司 | 珠海助孕服务 | 助孕网 |