今天的網頁開發(fā)人員不斷地在推動網站建設的技術和創(chuàng)意界限，在動態(tài)發(fā)展的網頁開發(fā)世界中，新的趨勢和工具不斷出現(xiàn)，這些趨勢和工具不僅使網頁體驗成為用戶的樂趣，而且也使網頁開發(fā)人員更加精細和耗時。更不用說確保項目的每個部分都按照計劃工作的挑戰(zhàn)了。

另一個挑戰(zhàn)是讓網站盡快上線運行，由于團隊跨越不同的地點和位于不同時區(qū)的客戶，開發(fā)人員需要一些工具，以便在bug和問題上進行協(xié)作。由于涉眾之間交換冗長的電子郵件，試圖解釋網站上的問題，開發(fā)速度大大減慢。

傳統(tǒng)的bug跟蹤工具（如Redmine或Bugzilla）在簡化網頁開發(fā)方面做得不夠好。首先，他們缺乏向團隊提供上下文反饋的能力。大量的bug跟蹤日志并不能使開發(fā)人員非常有效地解決問題。

復雜的問題電子表格也沒有幫助，重新創(chuàng)建bug和解決bug一樣重要。另外，團隊還必須安裝服務器和數(shù)據庫來存放傳統(tǒng)的bug跟蹤工具，這增加了開發(fā)周期的開銷。

今天的網頁開發(fā)人員需要可視化的bug跟蹤工具來加速他們的開發(fā)過程，使團隊中的每個人都更容易地掌握問題的關鍵?？紤]到這一點，這里有一些可視化的bug跟蹤工具，可以讓開發(fā)人員和設計人員更容易地進行網頁開發(fā)：

1、DebugMe

DebugMe允許您向網頁項目添加注釋，并向其他團隊成員報告問題。它適用于所有最流行的網頁瀏覽器，包括Opera、Internet Explorer和Microsoft Edge，這是其他很多工具都無法做到的。

除了瀏覽器擴展，它還允許在站點的元標記中嵌入代碼，這樣就可以在站點中跟蹤bug，并且訪問者也可以提供反饋。

DebugMe的付費計劃從每月10美元起，還有免費計劃。

2、zipBoard

zipBoard是一個可視化的bug跟蹤器，可以用來在網站上進行審查和協(xié)作。用戶只需輸入網址或上傳自己的模擬圖片就可以開始了。

所有注釋都可以作為任務保存并分配給團隊成員，團隊成員可以作為協(xié)作者添加。由于有一個中央任務管理器，zipBoard可以作為一個問題跟蹤工具。屏幕分辨率和瀏覽器等系統(tǒng)信息由zipBoard自動捕獲。JIRA和Slack集成也可用。

除了一個項目的免費計劃外，zipBoard還有每月29美元起的付費計劃。此外，任何計劃對用戶都沒有限制。

3、TrackDuck

TrackDuck現(xiàn)在是InVision工具系列的一部分，也可以用作代碼片段。

瀏覽器擴展可用于Safari、Chrome和Firefox，可以將團隊成員添加為協(xié)作者，根據在項目上授予他們的權限級別，在不同的角色中跟蹤bug。這些角色是管理員、貢獻者和報告者。TrackDuck提供了與許多其他流行工具的集成，如Trello、Asana、JIRA，甚至與CMS插件，包括WordPress、MODX、Shopify和Squarespace。

雖然TrackDuck有一個免費的試用版，但它不是一個免費的計劃?；靖顿M計劃為兩個項目，每月9美元。

4、BugHerd

BugHerd在類似看板的板子中安排來自bug跟蹤的問題，這些問題可以圍繞四個列表移動，它們是待辦事項、要做的事情、要做的事情和已經完成的事情。這有助于團隊有效地管理項目，并跟上每個任務的進度?？窗迳系拿總€任務都包含一個問題的屏幕截圖。

BugHerd還捕獲已注釋的Html元素以及其他系統(tǒng)信息，如果一個團隊想要補充他們傳統(tǒng)的bug跟蹤設置，Redmine和Pivotal Tracker也可以集成。

BugHerd的計劃是5個用戶每月29美元起。

5、Usersnap

Usersnap可能比其他任何跟蹤器提供了更多的集成，它集成了常見的項目管理工具，如JIRA、Slack、Trello、Zendesk和Intercom。

它還集成了WordPress、Joomla、Drupal、Magento和Evernote。Usersnap提供了一個可用于在網頁頁面上留下注釋的浮動小部件。由于可以使用Usersnap嵌入Javascript，開發(fā)人員還可以獲得客戶端錯誤報告。

Usersnap的定價計劃對工具的定價要高一點，最多10個用戶每月69美元起。

6、DoneDone

DoneDone專注于簡化bug跟蹤的工作流程，團隊成員被分配到測試人員和修復人員的角色來處理問題。它將所有活動整理到一個中心問題集線器中，這樣團隊就不必花那么多時間來查看每個任務的狀態(tài)以及各個成員的等待狀態(tài)。

DoneDone還可以配置為客戶可以通過電子郵件發(fā)送反饋，這些反饋信息可以直接到達團隊，并幫助他們實時了解最新情況。除了DoneDone，還可以進行定制，以便與Git上的提交和跨團隊發(fā)布同步。

DoneDone針對小型團隊的入門計劃售價為每月39美元，提供10GB的存儲空間。

7、Marker

Marker有助于將問題盡快傳遞到團隊選擇的協(xié)作工具，截圖會在Trello、GitHub、JIRA、Slack或電子郵件中轉換成bug、問題和反饋。

Marker還捕獲關于問題所在環(huán)境的信息，如縮放級別、像素比例和用戶代理。這可以在項目管理工具中顯示的反饋卡中直接共享。Asana和WordPress等更多工具的集成已經就緒。唯一的缺點是Marker只能作為Chrome的瀏覽器擴展。

用戶可以訂閱免費計劃或付費計劃，后者是根據用戶數(shù)量進行分類的。5個用戶的起步價為每月19.99美元。

8、PageProofer

用戶可以通過向網站代碼中插入代碼片段來使用PageProofer來歸檔bug，這意味著PageProofer可以用于任何瀏覽器，但也不能用作瀏覽器擴展。

代碼片段還允許訪問您的站點的公共訪問者留下反饋，這些反饋將直接發(fā)送給開發(fā)人員。PageProofer甚至注冊了注釋的選擇器。所有問題都安排在看板風格的任務板上，以便團隊輕松跟蹤。

針對5個用戶的網頁校對計劃起步價為每月20美元。

9、Sifter

Sifter旨在為非技術團隊簡化bug跟蹤，這確實是這里列出的所有bug跟蹤工具的一個優(yōu)點。問題可以通過表單甚至電子郵件記錄。所有這些都被編入了索引，可以進行搜索。問題也可以根據項目的里程碑進行排序。

雖然Sifter不會對問題進行截屏，但是日志記錄問題的便捷性和保持團隊的更新使Sifter比老的bug跟蹤工具表現(xiàn)得更好。

Sifter本身聲稱它更適合小團隊，但是大團隊也可以發(fā)現(xiàn)它適合他們。計劃起薪為每月29美元。

值得注意的

用戶可以在網站、圖片或在線powerpoint文檔上進行注釋。除了瀏覽器擴展，值得注意的是Windows和Mac的應用程序。它甚至可以在iOS應用程序上通過iphone在屏幕上注釋。協(xié)作者可以獲得不同級別的權限來提供反饋。反饋也可以作為一個URL共享那些值得關注的系統(tǒng)。

值得注意的計劃從每月19美元開始，一直到每月99美元。

選擇合適的工具

有許多可視化的bug跟蹤工具可用，它們在特性集、集成和定價方面有很大的不同。但是在為您的團隊決定合適的工具時，關鍵因素應該是團隊的規(guī)模和需求。

并非每個團隊都需要內置的項目管理功能，而有些團隊更喜歡能夠跟上需求和團隊規(guī)模變化的更健壯的解決方案。另一個需要考慮的因素是將在一個項目中工作的協(xié)作者的數(shù)量，因為上面列出的許多工具會根據您選擇的包限制團隊成員。

有一件事是肯定的，那就是需要更好的bug跟蹤工具。通過使用可視化的bug跟蹤解決方案，網頁開發(fā)人員可以顯著減少他們的開發(fā)時間，并使跟蹤問題的過程更加高效。