首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

根据访问请求客户类型自动跳转到对应的页面地址,自动跳转手机页面

使用移动终端来访问网站的用户是越来越多,但针对PC用户开发的网站,在移动终端上的体验非常差,这不,我们开始针对移动终端也制作了体验相对更好的页面,那么我们怎么才能知道用户使用的是哪种终端来访问我们的网站呢,总不能让用户再来记一遍我们的手机站域名吧...+) { if(thisOS.match(os[i])) { window.location=url; } } //因为相当部分的手机系统不知道信息...= -1) { window.location=url; } //做这一部分是因为Android手机的内核也是Linux //但是navigator.platform显示信息不尽相同情况繁多...sUserAgent.match(/(ipod|iphone os|midp|ucweb|android|windows ce|windows mobile)/i))) { // PC跳转移动..."Windows mobile")//Win phone || strpos($agent,"SymbianOS"))//Symbian { header("Location:手机站地址

3K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    移动访问跳转失效

    有一种常见的办法是专门为手机定制一个页面,当用户访问的时候,判断设备是手机还是电脑,如果是手机跳转到相应的手机页面,例如百度的就是,手机访问www.baidu.com就会跳转到m.baidu.com。...问题描述: 客户反馈移动访问http://3qys.com.cn/xxx时,没有按照预期跳转至http://m.3qys.com.cn/xxx。...原因分析: 1、确认问题时间点附近,CDN侧是否有配置变更; 2、确认移动访问跳转的功能是由客户源站实现,还是CDN侧实现; 经确认,该跳转功能是由源站实现,且源站和CDN侧均无配置变更。...默认情况下,CDN侧并不会区分ua缓存,也就是pc访问某文件缓存住后,移动再请求至有该文件缓存的节点时,会直接命中,不会再回源。...---推荐使用 配置该功能时,需要和客户确认移动ua列表(是否区分大小写),需要设置跳转的url,以及希望跳转到哪个url。

    1.7K92

    JS自动跳转手机移动网页

    JavaScript 中实现自动检测用户是否使用移动设备,并据此跳转到对应的手机移动网页,通常可以通过检查 ​​navigator.userAgent​​ 属性来识别用户代理字符串中包含的设备信息。...现在更多的实践倾向于采用响应式设计而非硬编码跳转,除非有特殊需求。...在JavaScript中,如果你想根据用户的设备(如手机或桌面设备)自动跳转到不同的网页,你可以使用​​window.location​​​对象来改变当前页面的URL。...navigator.userAgent || navigator.vendor || window.opera; // 检查userAgent字符串中是否包含特定的手机标识...如果找到关键字,就认为用户正在使用移动设备,并自动跳转到移动版网页。否则,就认为用户正在使用桌面设备,并自动跳转到桌面版网页。

    24610

    移动常用适配-界面自动跳转

    通过 移动常用适配方案一 的介绍之后,也说明了为什么不推荐该方案的原因之后,紧接着就是要介绍第二种适配编写方式如下:如何实现 PC 一套代码, 移动一套代码在 PC 打开,自动打开 PC 界面在移动打开自动打开移动界面实现步骤默认打开...PC 界面在 PC 界面中通过 BOM 拿到当前浏览器信息通过正则判断当前浏览器是否是移动浏览器通过 BOM 的 location 对象实现跳转到移动界面首先通过 BOM 拿到当前浏览器信息:...console.log(navigator.userAgent);PC:图片IOS:图片Android:图片通过对如上信息的观察之后我们就可以得知一个方案,就是不同的适配通过...BOM 拿到的信息是不同的,所以就可以根据该信息进行界面自动跳转如下:<!

    21300

    网页自适配手机

    博客在手机打开一直不能适配,手机上访问的体验很不好。今天把博客的大部分页面都加了自适配手机,只要修改每个页面的css 即可。 之前大概知道怎么去改,但是页面太多实在觉得麻烦,就一直没有去改。...当初做博客的时候也没有考虑到手机访问的重要性,所以现在虽然能改,但是也是缝缝补补。 一直想换一套模板的,又觉得要做的实在太多了。不过要想在手机上完美体验还是需要重新做一套前端了,现在先这样用着。...之前呢,考虑到很多人通过链接在手机上打开了我的博客,为了让他们访问加了个电脑访问的提示。通过js判断是否手机打开,如果是就弹窗提示。...css最烦的就是调来调去还差点的,特别是屏幕宽度,就很无语~ 手机适配的话先加个meta viewport。...移动的布局不同于pc,首先我们要知道在移动中,css中的1px并不等于物理上的1px,因为手机屏幕的分辨率已经越来越高,高像素但是屏幕尺寸却没有发生太大变化,那就意味着一个物理像素点实际上塞入了好几个像素

    2.5K30
    领券