Jam − 網頁debug必備神器

閱讀時間: 2 分鐘

相信不管是PM、QA或任一個開發團隊內的成員,在Debug網頁應用時都會需要不斷的截圖,尤其是常會需要Console、Network及畫面呈現結果相互對照,才能正確且快速的排查問題。

往往Report一個issue就要截好幾張圖,複雜的一點甚至還要再提供錄影檔,提交給Developer的東西就常常很零散,於是Jam這款省時又省力的Chrome外掛就誕生了~

1. 相關資訊全都錄

透過Jam製作的截圖或影片,除了錄製下來的畫面以外,都會很貼心的附上其他相關資訊例如:

  • 網址
  • 詳細時間
  • 使用的瀏覽器及版本
  • 螢幕尺寸
  • Console
  • Network

如此一來只要提交這份給Developer,就不用再來來回回的詢問「有確切的發生時間嗎?」、「是用哪個瀏覽器?」、「瀏覽器是什麼版本?」、「可以幫我截Network嗎?」(頁面都關掉了怎麼截)


2. 一鍵分享

不論是截圖、錄影,最終都會產生出如上圖的一份報告,而要將這份報告提交給Developer時也非常輕鬆,只需要按下「Copy Link」,就能產出一份公開的網址給有需要的人員了~

又或者團隊已經有使用專案管理工具(e.g. Jira、Asana…etc.),Jam也有支援一鍵分享到各大平台上,實在非常貼心!


3. 分享你的前一分鐘

這是個人覺得Jam讓人忍不住感到「Wow」的一個功能。

Bug發生的時間往往出人意料之外,有時根本還沒來的及按下錄影一切就消失了,而有些Bug要重現又是難上加難,這時候只需要趕緊按下Jam提供的「Share your last minute」按鈕,就能將前一分鐘內發生的所有事情錄製下來,再也不會與Bug擦身而過了!


4. 費用

先說結論,免費版就很夠用!

但如果是以網頁開發為核心的團隊,會建議也可以考慮其他付費方案,畢竟這類型的工具要能做的像Jam這麼輕量好用實在難能可貴呀~

圖片來源

總結

由於Roy本身接觸到的專案都以Web為主,所以這款工具對於我而言實在有如天降甘霖,特別是Share your last minute的功能讓不斷嘗試重現Bug的窘境可以不再發生,推薦所有接觸到網頁開發的人們都能安裝來試試~

歡迎分享你的心得或看法

Table of Contents