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

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

傳統(tǒng)的bug跟蹤工具（如Redmine或Bugzilla）在簡(jiǎn)化網(wǎng)頁(yè)開發(fā)方面做得不夠好。首先，他們?nèi)狈ο驁F(tuán)隊(duì)提供上下文反饋的能力。大量的bug跟蹤日志并不能使開發(fā)人員非常有效地解決問題。

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

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

1、DebugMe

DebugMe允許您向網(wǎng)頁(yè)項(xiàng)目添加注釋，并向其他團(tuán)隊(duì)成員報(bào)告問題。它適用于所有最流行的網(wǎng)頁(yè)瀏覽器，包括Opera、Internet Explorer和Microsoft Edge，這是其他很多工具都無法做到的。

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

DebugMe的付費(fèi)計(jì)劃從每月10美元起，還有免費(fèi)計(jì)劃。

2、zipBoard

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

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

除了一個(gè)項(xiàng)目的免費(fèi)計(jì)劃外，zipBoard還有每月29美元起的付費(fèi)計(jì)劃。此外，任何計(jì)劃對(duì)用戶都沒有限制。

3、TrackDuck

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

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

雖然TrackDuck有一個(gè)免費(fèi)的試用版，但它不是一個(gè)免費(fèi)的計(jì)劃。基本付費(fèi)計(jì)劃為兩個(gè)項(xiàng)目，每月9美元。

4、BugHerd

BugHerd在類似看板的板子中安排來自bug跟蹤的問題，這些問題可以圍繞四個(gè)列表移動(dòng)，它們是待辦事項(xiàng)、要做的事情、要做的事情和已經(jīng)完成的事情。這有助于團(tuán)隊(duì)有效地管理項(xiàng)目，并跟上每個(gè)任務(wù)的進(jìn)度。看板上的每個(gè)任務(wù)都包含一個(gè)問題的屏幕截圖。

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

BugHerd的計(jì)劃是5個(gè)用戶每月29美元起。

5、Usersnap

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

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

Usersnap的定價(jià)計(jì)劃對(duì)工具的定價(jià)要高一點(diǎn)，最多10個(gè)用戶每月69美元起。

6、DoneDone

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

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

DoneDone針對(duì)小型團(tuán)隊(duì)的入門計(jì)劃售價(jià)為每月39美元，提供10GB的存儲(chǔ)空間。

7、Marker

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

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

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

8、PageProofer

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

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

針對(duì)5個(gè)用戶的網(wǎng)頁(yè)校對(duì)計(jì)劃起步價(jià)為每月20美元。

9、Sifter

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

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

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

值得注意的

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

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

選擇合適的工具

有許多可視化的bug跟蹤工具可用，它們?cè)谔匦约?、集成和定價(jià)方面有很大的不同。但是在為您的團(tuán)隊(duì)決定合適的工具時(shí)，關(guān)鍵因素應(yīng)該是團(tuán)隊(duì)的規(guī)模和需求。

并非每個(gè)團(tuán)隊(duì)都需要內(nèi)置的項(xiàng)目管理功能，而有些團(tuán)隊(duì)更喜歡能夠跟上需求和團(tuán)隊(duì)規(guī)模變化的更健壯的解決方案。另一個(gè)需要考慮的因素是將在一個(gè)項(xiàng)目中工作的協(xié)作者的數(shù)量，因?yàn)樯厦媪谐龅脑S多工具會(huì)根據(jù)您選擇的包限制團(tuán)隊(duì)成員。

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