jquery - 使用jquery在不同屏幕分辨率上的热图

Question

我阅读了 Chris Coyier 的文章 ( http://css-tricks.com/tracking-clicks-building-a-clickmap-with-php-and-jquery/ )。它展示了如何通过页面跟踪用户点击，将其保存到数据库，然后从中构建热图。

没有问题，它可以在固定屏幕分辨率下正常工作，但是如果失败，我会在调整窗口大小的那一刻。

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

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

很想听听是否有任何解决方法？

Answer 1

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