在不同的屏幕分辨率下使用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％準確，但它會給你體面的結果。