您好!欢迎进入紫石头原创模板堂!
网站首页 | 购买流程 | 关于我们 |  联系方式 |  客服热线:0371-56789-390
当前位置:首页 >> 建站知识 >> 详情
扫二维码关注紫石头原创模板堂 4大优势,全网首家
  • NO.1

    模板类网站比起独立设计的网站来讲价格低的多,因为很多东西是已经做成的,成本就低很多!

  • NO.2

    开源模板网站,任意修改使用!服务好到没话说!模板建站经常被贴上服务差的标签,而紫石头完全打破这样的格局!

  • NO.3

    模板网站还享受设计型网站同等级售后服务,这不是做梦!紫石头原创模板站,让这一切变为可能!

  • NO.4

    建站速度快,购买后简单修改即可投入使用。设计型网站正常需要10~20个工作日,而模板站只需要几个小时!

免费咨询热线
0371-56789-390

JS判断是否手机浏览——实现跳转到手机适配网页
发表:紫石头原创模板堂    发表时间:2019-06-26 10:26:15    阅读:88
    现在制作网页有一个非常流行的词——自适应,或者称它“响应式”,就是网页会根据屏幕的宽度来自动调整它的样式,而不让网页变形而惨不忍睹,这样,PC端和手机移动端都会有很好的观赏性。嗯,一般情况下,响应式网页比较适合一些比较简单布局结构不复杂的网站架构,如果一个网站结构比较复杂且网页布局比较丰富,响应式布局就比较难以应付了。
    这时,我们就可以把PC端和手机端分开来,各自以各自的网页布局来展示自己,像现在比较大型的网站都是这样做的,如:新浪、腾讯、搜狐等。而且,如果在手机端输入PC端域名,它会自动跳转到手机端域名,如:在手机浏览器输入 www.sohu.com  ,会自动跳转到 m.sohu.com 网站。怎样实现的呢?
    通过JS我们就可以实现这样的跳转功能。代码如下:
    //手机判断,如果是手机浏览,跳转到手机网站
    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://wap.fjmnw.com";
    }
    }catch(e){}
    }
    }
    通过上面的代码,我们就可以实现跳转到手机页的功能:如果在PC端,不会做出判断;如果是移动端浏览器,就会做出判断,如果是PC域名,就做跳转。
工作时间:周一至周五(08:30~18:00)
Copyright ©2003-2020 永易搜旗下紫石头原创模板堂 All Rights Reserved 豫ICP备14011598号-7 营业执照