根据用户窗口大小呈现不同的部分

Question

我想测试用户的浏览器window.width是否> = 800px如果是这样我想渲染部分A,否则如果window.width> = 800px.

我没什么经验,请解释我对实现的选择:我期待页面上的javascript方法或jQuery.

我试过了

但是1.它对我不起作用.2.即使它确实如此,我预计它将基于使用的设备,而不是像素数.

先感谢您!

Answer 1

请求不会包含有关屏幕尺寸的数据，因此从常识来看，服务器无法知道屏幕宽度是什么以及要提供什么响应，正如 PinnyM 在评论中也提到的那样。

一般做法是使用用户代理从服务器检测移动设备。用户代理是请求的一部分。它不是 100% 准确，但在大多数情况下您仍然可以依赖它。

但是，您的问题仍然有解决方案 - 根据屏幕尺寸提供页面。

解决方法是首先使用 Javascript 检测屏幕尺寸，然后使用 JS 删除 cookie。服务器能够读取 cookie 并决定渲染哪个模板。

基本的存储库在这里： https: //github.com/mattstauffer/Simple-RESS它是针对 PHP 的，但你可以从源代码中得到这个想法。

我的意见：我不喜欢这个解决方案，尽管它是可行的。有很多工作要做，有很多事情要处理。我宁愿用用户代理检测来代替。