在不同的屏幕分辨率下使用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％准确，但它会给你体面的结果。