[[208337]]

在網(wǎng)站或服務(wù)建置完成后，開(kāi)發(fā)者會(huì)透過(guò)各種工具來(lái)檢測(cè)網(wǎng)站是否正常，就拿我個(gè)人經(jīng)驗(yàn)來(lái)說(shuō)，我是一定會(huì)使用Google PageSpeed Insights（現(xiàn)在還要加上AMP Validator）及W3C驗(yàn)證者， 前者主要針對(duì)網(wǎng)站效能最佳化的部分進(jìn)行檢測(cè)，后面兩項(xiàng)服務(wù)則是要檢查網(wǎng)站程式碼正確性，當(dāng)然網(wǎng)站在上線后還會(huì)利用其他工具來(lái)檢測(cè)速度，例如“16個(gè)免費(fèi)網(wǎng)站速度測(cè)試工具推薦！網(wǎng)頁(yè)效能評(píng)比，搜尋引擎最佳化必備」就非常實(shí)用，讓網(wǎng)站能更快被開(kāi)啟除了留住更多訪客，對(duì)于搜尋引擎來(lái)說(shuō)也有相對(duì)的加分效果。

本文要推薦的「Sonar」是來(lái)自微軟的開(kāi)放原始碼（Open Source）免費(fèi)網(wǎng)站檢測(cè)工具，聽(tīng)起來(lái)是不是有點(diǎn)特別呢？其實(shí)它最初是由 Microsoft Edge 瀏覽器團(tuán)隊(duì)成員開(kāi)發(fā)，后來(lái)在六月份捐贈(zèng)給 JS Foundation 作為支持開(kāi)源社群的承諾?，F(xiàn)在 Sonar 正式向公眾推出，無(wú)論你是任何類(lèi)型的網(wǎng)站都可透過(guò)它來(lái)檢測(cè)網(wǎng)站效能及安全性。

Sonar 線上工具使用方法很簡(jiǎn)單，如同 PageSpeed Insights，只要開(kāi)啟網(wǎng)站、輸入要檢測(cè)的網(wǎng)址，就能在短時(shí)間內(nèi)獲取非常完整的報(bào)告，包含錯(cuò)誤數(shù)量。 Sonar 可檢測(cè)無(wú)障礙、互動(dòng)性、效能、安全性及漸進(jìn)式網(wǎng)頁(yè)應(yīng)用程式（Progressive Web App，簡(jiǎn)稱(chēng) PWA）等問(wèn)題，如果發(fā)現(xiàn)錯(cuò)誤，Sonar 也會(huì)提示使用者發(fā)生錯(cuò)誤的檔案路徑及解決方式。

當(dāng)然開(kāi)發(fā)者還是得具備尋找解決方法的能力才行，畢竟很多問(wèn)題可能不常碰到，依照我的經(jīng)驗(yàn)，我建議可從 Google 搜尋相關(guān)錯(cuò)誤訊息，應(yīng)該也會(huì)有其他人碰到類(lèi)似狀況。

網(wǎng)站名稱(chēng)：Sonar

網(wǎng)站地址：https://sonarwhal.com/

使用教學(xué)

STEP 1

開(kāi)啟 Sonar 網(wǎng)站后，點(diǎn)擊上方的「Scanner」或首頁(yè)「Try it online」進(jìn)入線上測(cè)試工具，接著在下方欄位輸入你要檢測(cè)的網(wǎng)站網(wǎng)址，點(diǎn)擊橘色「Run Scan」按鈕就能開(kāi)始掃描。

STEP 2

Sonar 會(huì)先給出一個(gè)固定鏈結(jié)（Permalink），亂數(shù)產(chǎn)生，同時(shí)將網(wǎng)站加入掃描列表，但要獲取結(jié)果可能需要幾分鐘時(shí)間。你可以試著點(diǎn)擊下方的固定網(wǎng)址，如果尚未完成，會(huì)再次回到此頁(yè)面，或者可以先把鏈結(jié)復(fù)制起來(lái)，之后再訪問(wèn)即可瀏覽檢測(cè)報(bào)告。

STEP 3

Sonar 檢測(cè)結(jié)果頁(yè)面看起來(lái)像下面這樣，會(huì)顯示檢測(cè)的網(wǎng)址包含多少警告、錯(cuò)誤、掃描時(shí)間及偵測(cè)引擎版本，下方依照無(wú)障礙、互動(dòng)性、效能、漸進(jìn)式網(wǎng)頁(yè)應(yīng)用程式和安全分成五大項(xiàng)目，分別顯示錯(cuò)誤和警告訊息，將網(wǎng)頁(yè)往下拖曳可以看到更多詳細(xì)資訊。

點(diǎn)擊右側(cè)的「Open Details」藍(lán)色按鈕開(kāi)啟詳細(xì)說(shuō)明，包括偵測(cè)到相關(guān)檔案、錯(cuò)誤說(shuō)明，如果想知道某個(gè)問(wèn)題的詳細(xì)說(shuō)明，點(diǎn)擊按鈕旁邊白色圖示會(huì)開(kāi)啟文件頁(yè)面，雖然目前都是英文內(nèi)容，但可以知道這個(gè)問(wèn)題的重要程度、應(yīng)該有那些解決方案等詳細(xì)描述，對(duì)于開(kāi)發(fā)者來(lái)說(shuō)是個(gè)非常值得一試的工具！