关于Airbnb首页视频背景,它如何检测用户的设备?

About Airbnb homepage video background, how does it detect users' devices?

如果您在 PC/MAC 上使用 Chrome 访问 Airbnb,并将 window 的大小调整为 1024px*768px,您将获得视频超大屏幕;如果你使用 iPad 访问 Airbnb,window 大小也是 1024px*768px,这次你会看到一个图像轮播 jumbotron 而不是视频轮播。

问题是,如何做到这一点?谁能指出有关设备检测的确切代码段?

他们在 Javascript 的用户代理字段中检查 iPad 的代码(您可以从 Chrome 开发控制台检查)。

您在 Internet 上有很多 JavaScript 设备检测库。他们中的大多数执行User-Agent字符串解析和匹配。

您可以查看 this 图书馆。