网站显示为手机版主要有 3 个判断维度,如 User-Agent、判断屏幕大小和专用版域名。

网站显示为手机版主要有 3 个判断维度,如 User-Agent、判断屏幕大小和专用版域名。

1.User-Agent

大多数网站识别你的设备是手机还是电脑都是依靠 User-Agent(简称 UA,中文名“用户代理”)。它会随着 HTTP 头发送给服务器,也能在用户浏览器上运行的 JavaScript 代码所读取到。一般只要更改这个就行。


例如在 Via 浏览器 中,先点击右下角菜单键,然后点击【工具箱】,然后点击【浏览器标识】然后选择【IE 11】,刷新后即可切换为电脑版网页。

2.屏幕大小

有些网站会根据你的屏幕大小(主要是宽度)来显示不同的版本。这能通过在用户浏览器上加载 CSS 层叠样式表来实现,也能被用户浏览器上执行的 JavaScript 代码所获取。

示例 CSS 实现方案:

1
2
3
4
5
6
7
8
9
@media (max-width: 450px) {
/* 手机版界面适配 */
}
@media (min-width: 451px) and (max-width: 960px) {
/* 平板界面适配 */
}
@media (min-width: 961px) {
/* 电脑版界面适配 */
}

这个也能用 Via 浏览器解决。先点击右下角菜单键,然后点击【电脑模式】,刷新后即可。

3.手机版专用域名

也可能有一些网站会在电脑版网页做上面的判断,如果判断为手机,直接跳转到手机版域名。而且手机版页面不会再判断用户是不是用电脑浏览。

比如:

1
2
3
4
在手机上浏览
https://www.sohu.com/a/379700659_114731
会自动跳转到手机版域名:
https://m.sohu.com/a/379700659_114731

你在电脑上浏览手机版域名也一样是手机版网页,不会跳转到电脑版。

1
2
3
4
5
这个时候你就要手动把域名从;
m.sohu.com;

调整到;
www.sohu.com;

就能解决。

但是要注意的是,调整域名之前你很可能要同时配合以上 User-Agent 和 模拟屏幕大小 这两点所说来实现,否则可能会反复跳转到手机版网页。

作者:知乎用户
链接:https://www.zhihu.com/question/416391939/answer/1429498328
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

__END__