使用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％准确，但它会给你不错的结果。