Android如何从webkit浏览器嗅探屏幕大小?

网络服务器希望从浏览网页的每个移动手机获得类似屏幕尺寸的信息.
Javascript函数screen.width和screen.height返回非常不准确的值.

网络服务器有没有办法检测手机的屏幕尺寸?客户端浏览器是Android上的webkit.

最佳答案 您可以尝试使用CSS媒体查询,希望使用正确的值.

<link rel="stylesheet" type="text/css" 
media="only screen and (min-device-width: 320px)" 
href="logResolutionScript?width=320" />

对其他宽度和高度使用基本相同的规则,并使用cookie检查客户端是否加载了多个样式表以获取正确的值.你不会得到确切的分辨率,但它应该足够接近.您还可以检查方向并使用max- / min-(设备)-width的组合.您的文件最终可能会导致很多css-imports,但您应该能够非常准确地确定客户端的分辨率,不幸的是,这会以一些HTTP请求为代价.

CSS3 Media Queries (Specification)

点赞