小雕雕的家

標題很長，但這篇又是來混篇數

之前有介紹一個熱力圖的 Chrome 套件，但那個是顯示網頁載入圖片的負載程度

好用 Chrome 套件介紹 - Perfmap 用熱力圖的方式顯示網站區塊的載入速度

這次要來用熱力圖來找出一個頁面中，哪個區塊或功能最受使用者歡迎 

熱力圖、熱點分析是用來告訴你一個頁面中哪個區塊比較熱門 (依點擊，有些工具會根據滑鼠軌跡)

但這個區塊不代表一定是位在大部分使用者的視覺動向軌跡之中，視覺動向就要靠眼球追蹤來分析

就要隨機找使用者到電腦前開網頁，並配戴裝置來實際測試，一般人比較沒本錢做這種東西

如果你有寫過爬蟲程式的話，就會知道找 XPath 路徑其實是有點麻煩

尤其是對方一直改版，DOM的架構一直變就很煩

先補充小常識，知道的人可以跳過：

XPath 是一種在 XML 中用來快速尋找節點的一種表達式，他非常的簡單易用

有興趣自己 try try：https://zh.wikipedia.org/wiki/XPath

因為網頁元素也是成雙成對，因此有部分元件也可使用 XPath 來取得要抓取的節點內容

這個套件主要功用，是把網頁中的元素載入消耗時間，以熱力圖的方式直接表示在頁面區塊

雖然 Chrome 按 F12也可以看出到底是哪個元素耗最多資源，但還是沒有直接視覺化來的淺顯易懂

這個套件對於網站設計 or 開發者還蠻有用的 (雖然我還是習慣按F12)

 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

套件名稱：Perfmap

位置：https://chrome.google.com/webstore/detail/perfmap/hgpnhiajcdppfbogcpfdgcceepgkhdmk

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝