使用jquery在不同屏幕分辨率上绘制热图

我读了Chris Coyier的文章（）。它展示了如何通过页面跟踪用户的点击，将其保存到数据库，然后用它构建热图

没有问题，它可以很好地与一个固定的屏幕分辨率，但当我调整窗口的大小，如果失败

假设我想跟踪整个网站的点击，不同屏幕分辨率之间会发生什么，那么假设一个用户的屏幕分辨率为1024×768，另一个来自桌面的用户的屏幕分辨率为1024×640，还有一个来自移动电话

最后，我使用完全不同的屏幕分辨率（比如1280×720）查看我的网站报告。这不会造成混乱吗

---

想知道它是否有任何修正吗？

您可以使用特定的固定分辨率（例如1024 x 768）来实现。如果调整了窗口的大小，则需要重新计算宽度和高度，然后尝试将clciked位置“缩放”回您的固定1024 x 768设计。这不是100%准确，但它会给您带来不错的结果。

也许可以使用jQuery检测大小，然后将结果发送到不同的数据库表/分区以确定特定的屏幕大小？您认为这是一种有效的方法吗，因为有很多屏幕分辨率，而且一些用户习惯调整浏览器大小。您可以将其限制在一个范围内那么。但是如果你想得到最准确的读数，那就是最好的方法。对于多个屏幕分辨率，使用固定像素位置上的百分比。但是，如果您使用的是媒体查询，并且您的布局发生了更改，那么这将不起作用。也可以将屏幕分辨率保存到数据库中？大多数用户在加载后不会调整页面大小。是的，媒体查询会有问题，因为他们倾向于根据页面大小调整元素。。。真的是个问题，他们在这个星球上都是些古怪的人，每个人都有自己的偏好，到目前为止，我相信50%的报道都是真实的，只有这样，才没有办法真正使用不同的屏幕分辨率？？？，是的，我同意屏幕调整部分，这是可以考虑的。。。