屏幕分辨率检测

Screen resolution detection

本文关键字：检测 分辨率 屏幕      更新时间：2023-09-26

我知道有人问过类似的问题，但这是不同的。

简介：我渴望制作一个具有自适应设计的网站（3 个模板，3 个宽度间隔如下：1200+px、600-1200px、600-px）。

问题：我在用户屏幕宽度检测方面遇到了非常困难的问题。我知道只有js可以检测用户屏幕尺寸，所以我尝试了两种检测方法。1.首先，我使用cookie来存储宽度，但是由于cookie仅在刷新后才处于活动状态，因此我需要刷新页面。2. 第二个 o 曾经使用 GET 将宽度作为参数发送，但我再次需要刷新页面才能发送参数。

所以问题是：有没有办法在不刷新页面的情况下获取屏幕大小（要存储在 cookie/会话中的值）。我需要在第一次访问页面时提供正确的模板。

如果没有用于宽度检测的解决方案（仅需要 refrest），如何解决爬虫的问题，以便他们看不到重定向。

也许我在这里错过了一些东西，但你应该使用@media查询 https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries和http://css-tricks.com/snippets/css/retina-display-media-query/

我认为你以错误的方式接近这个问题。当然，css @media查询是执行此操作的方法吗？

如果由于某种原因你确实需要Javascript中的宽度，那么你可以这样做

j查询：

$(document).width();

JavaScript：

document.body.clientWidth

如果可以的话，我会修改你的方法..？

我最终使用了DDR（设备描述存储库），正是这个：http://wurfl.sourceforge.net/它工作得很好，并且在火狐上提供了很多尾巴。无需 CSS 或 JS。

相关文章：