怎么样才能使网页自动识别手机然后自动跳转到对应的手机页面？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 2752 天前的主题，其中的信息可能已经有所发展或是发生改变。

网上有很多代码是可以识别手机并自动跳转，但是那些只能跳转到首页，那么自动跳转到对应的手机页面应该怎么写？比如 http://www.baidu.com/ads/adfs/跳转到的的手机页面为 http://www.baidu.com/m/ads/adfs/

自动

手机

识别

对应

17 条回复 • 2016-10-07 12:58:00 +08:00

coreki

2016-10-06 01:15:04 +08:00 via iPhone

一个 js 文件中，所有页面加载， js 文件里面写识别代码，然后根据规则修改 url 进行跳转

abnerchou

2016-10-06 01:30:12 +08:00

Cloud Flare DNS 中就可设置

tusik

2016-10-06 11:06:32 +08:00

判断 UA

shlabc

2016-10-06 11:21:29 +08:00

简单的原始方法如下：

1 套 C 层和 M 层
2 套 V 层—— PC （假设模版名为 index_web ）、移动（假设模版名为 index_app ）

在系统的公共入口层判断是否移动设备，根据判断结果设置所使用的模版后缀

zhangv

2016-10-06 11:44:53 +08:00

js 可以
server 端类似 mobile_detect 这种也可以

mytsing520

2016-10-06 11:50:35 +08:00

判断 UA 即可

adv007

2016-10-06 14:58:08 +08:00 via iPhone

svr 端根据 ua 直出 html

lalala2016

2016-10-06 15:38:38 +08:00 via Android

@adv007
@mytsing520
@zhangv
@shlabc
@tusik
@abnerchou
@coreki
已经解决了，忽然发现网上的那些代码挺好用的，只要把地址换成站内动态链接就可以了。至于 cloudflare 的跳转功能云盾也是有的，不过我不喜欢太过依赖 cdn 。现在把做好的小站放出来（ http://www.andso.cn ），我这边测试没什么问题，就是不知道你们那边会不会显示异常。

mytsing520

2016-10-06 18:32:13 +08:00

@lalala2016 你这代码不就是 UA 判断么

benbenzhangqi

2016-10-06 23:00:46 +08:00

站点居然提供在线播放带宽需求很大啊

lalala2016

2016-10-06 23:53:54 +08:00 via Android

@mytsing520 确实是 UA 判断，但我的问题是网页跳转时怎样保留路径，不过已经解决了

lalala2016

2016-10-06 23:57:42 +08:00 via Android

@benbenzhangqi 服务器上不敢存放影视资源的，我胆子还真没那么大

Khlieb

2016-10-07 09:17:32 +08:00 via Android

UA 判断是关键

techmoe

2016-10-07 11:25:25 +08:00

判断 UA 呗
反正请求都过来了，记录一下 URI ，检测一下 UA ，如果是手机的话就重定向，思路很简单
如果要是想要实现检测到手机 UA 在 URI 里加东西直接拿正则替换一下就好了

flyz

2016-10-07 11:26:47 +08:00

@lalala2016 用的竟然是高大上的 ASP ，好可爱= = 我只能用可爱来形容 ASP 了。

lalala2016

2016-10-07 12:54:35 +08:00 via Android

@techmoe 哦，思路收藏了

lalala2016

2016-10-07 12:58:00 +08:00 via Android

@flyz 呃，好多人都笑话我老古董