Jam − 網頁debug必備神器
相信不管是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的窘境可以不再發生,推薦所有接觸到網頁開發的人們都能安裝來試試~