BuzzFeed是如何进行移动重定向的

How does BuzzFeed do their mobile redirect?

本文关键字：重定向移动何进行 BuzzFeed 更新时间：2023-09-26

我正在尝试添加一个移动重定向到我的网站。不过，我想我想要一个完全独立的布局，而不是使用媒体查询。

一个简单的方法是让CloudFlare检测并重定向到子域m.example.com。

我不想使用子域，但有几个原因。

我过去做的另一种方法是使用这个移动检测脚本进行媒体查询和部分加载页面部分。从长远来看，这是一场噩梦，我不想使用媒体查询。

我注意到buzzfeed.com的操作方式几乎正是我想要的。看起来他们不知何故检测到了浏览器或其他什么，然后重定向到？s=显示移动站点的移动设备。

我不知道这是在服务器上还是在Javascript中完成的，也不知道他们是如何完成的。我假设它在服务器上，因为如果我curl http://www.buzzfeed.com/?s=mobile，我会得到302响应。。。我猜是因为curl没有发送一个看起来像mobile的头。

有没有常见的、经常维护的nginx或varine脚本可以做到这一点？我主要是在挠头，谷歌搜索似乎没有带来太多相关的讨论，除了3年前看起来很弱的片段。

您可以使用清漆设备检测VCL来完成您想要的一切。安装指南为您提供了有关如何向请求URL添加查询参数或向发送到后端的请求添加自定义标头的示例。这允许您透明地处理不同类型的客户端。

要想让所有的Vary标头、清除等都能完美地工作，需要相当多的思考和技巧，但在示例的帮助下，您应该能够让varish devicedetect为您工作。