歡迎轉載(註明出處)或直接轉貼網址也ok,但是請不要直接把內容摳走貼在別的地方~

目前分類:網站相關工具 (3)

瀏覽方式: 標題列表 簡短摘要

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

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

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

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

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

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

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

小雕 發表在 痞客邦 PIXNET 留言(0) 人氣()

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

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

先補充小常識,知道的人可以跳過:

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

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

 

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

小雕 發表在 痞客邦 PIXNET 留言(0) 人氣()

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

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

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

 ===========================================

套件名稱:Perfmap

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

===========================================

小雕 發表在 痞客邦 PIXNET 留言(0) 人氣()

找更多相關文章與討論