吉林时时彩开奖现场报码 吉林时时彩的网址 下载吉林时时彩走势图 吉林时时彩开奖号码 吉林时时彩彩票开奖 吉林时时彩走势全图 吉林时时彩预测软件手机版下载 吉林时时彩官方开奖结果 吉林时时彩稳赢计划 吉林时时彩彩票查询 吉林时时彩几点开奖时间 吉林时时彩计划软件手机版 吉林时时彩骗局 吉林时时彩平台出租 吉林时时彩玩法规则 吉林时时彩软件下载 吉林时时彩票开奖结果查询双色球 吉林时时彩技巧稳赚 吉林时时彩计划 吉林时时彩快三 吉林时时彩开奖结果 吉林时时彩网上购买火车票 吉林时时彩票开奖号码查询今天 吉林时时彩开奖纪录 吉林时时彩开奖公告查询 吉林时时彩在哪里可以买 吉林时时彩开奖结果查询 吉林时时彩计划软件手机版式 吉林时时彩平台 吉林时时彩怎么玩法 吉林时时彩怎么玩 下载吉林时时彩走势图 吉林时时彩网站 吉林时时彩几点开奖 吉林时时彩预测稳赢 吉林时时彩连线走势图 吉林时时彩几点开奖 吉林时时彩开奖公告 吉林时时彩走势图 吉林时时彩购买 吉林时时彩开奖号码 吉林时时彩和值走势图 吉林时时彩软件下载 吉林时时彩开奖结果走势图 吉林时时彩电子走势图 吉林时时彩电子走势图 吉林时时彩预测 吉林时时彩87开奖号码 吉林时时彩骗局 吉林时时彩遗漏数据
尊敬的社员您好欢迎您来到麦布网请[注册]或[登录]

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

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

2016-9-19 21:38:00 | MyBu


    随着移动端浏览量占比大幅提升如何打造一个自动识别屏幕尺寸的自适应网站就变成了站长不得不解决的一个现实问题网站自动识别手机端的方法有很多但是对于新手来说很是复杂而且调试起来很困难下面麦布就教你一个很简单的自动识别手机端并跳转的响应式网站
   
    步骤一?#33322;?#20837;百度开发者中心http://siteapp.baidu.com/利用siteapp来制作自己的手机网站很简单都是模板式建站会打?#24535;?#34892;
   
    步骤二绑定一个专属webapp域名例如m.54admin.net将您已提交的WebApp域名的CNAME解析到siteapp.baidu.com
   
    步骤三?#33322;?#33258;动识别手机端与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)一起分享站长资源?#25945;?#32593;站运营推广之道



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


还没有任何评论

 ?#24067;?0 条评论 | 共: 页 | 当前: 第 页 当前只有一页
 

    记录麦布网站的发展历程及使用?#35760;ɣ?#35831;随时关注黑板报

日志分类

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


ʱʱʲƱ