在(zai)用IE瀏覽網站時，發現下面(mian)顯(xian)示“網頁上有錯誤(wu)(wu)”，雖(sui)然不影響(xiang)瀏覽，但(dan)總歸(gui)讓人感覺不舒服(fu)，大(da)概多(duo)(duo)數站長都遇(yu)到過(guo)。而(er)如果(guo)你的代(dai)碼(ma)基礎(chu)不是(shi)很好的話也許根 本找不到辦法去解決這(zhe)個(ge)問題，以致費(fei)了好多(duo)(duo)時間(jian)都無從(cong)下手，我(wo)是(shi)遭遇(yu)過(guo)多(duo)(duo)次這(zhe)樣的煩惱，因(yin)為本站加了一(yi)些代(dai)碼(ma)，但(dan)是(shi)難免(mian)會沖突，有時候就(jiu)在(zai)狀態(tai)欄顯(xian)示錯 誤(wu)(wu)，代(dai)碼(ma)很長挨個(ge)看實在(zai)頭(tou)疼。 

于(yu)是百度一(yi)(yi)下，狂搜網(wang)頁(ye)錯誤(wu)在線檢測工具，結果還真發現了不少，把用過(guo)的工具進行了整理，分網(wang)頁(ye)代碼測試、網(wang)頁(ye)兼(jian)容性、網(wang)速(su)測試、seo優化四大類收集了30多個可以在線測試網(wang)頁(ye)的工具，推薦也收藏一(yi)(yi)下，以后備用。 

網頁代碼(ma)測試工具 

沒(mei)有(you)站長可以保證(zheng)自己(ji)的(de)網頁代碼完全(quan)正確沒(mei)有(you)任何錯(cuo)誤，特別是是否符合W3C標準，你(ni)可以通(tong)過以下測試來檢(jian)查網站代碼是否正確，無論你(ni)是asp的(de)還是php的(de)都可以喲。 

1 . //www.htmlhelp.com/tools/validator 一個很(hen)好的工(gong)具，能找出網站語法錯誤的地方，并標注出來，也可選(xuan)擇對網站上單(dan)獨的每一頁(ye)(ye)進行單(dan)頁(ye)(ye)分析(xi)。( 強烈推薦 ) 

2 . //validator.w3.org 對(dui) HTML 和 XHTML 都能進行(xing)代(dai)碼測(ce)試，自(zi)稱是(shi)互聯網絡上第(di)一個(也是(shi)使用者最多的(de))的(de) HTML 驗證工具。 

3 . //jigsaw.w3.org/css-validator 用于(yu)驗證 css 源代(dai)碼，能夠標注(zhu)出不好的 css 代(dai)碼設(she)計。例如：“Same colors for color and background-color in two contexts”。 

4 . //www.xml.com/pub/a/tools/ruwf/check.html 用于查找(zhao) XML 文(wen)件的錯誤。 

5 . //validator.w3.org/feed 用于(yu)查(cha)找 Atom 和 RSS feed 中的錯誤語(yu)法。( 這個我經常用到 ) 

6 . //validator.w3.org/checklink 用于搜(sou)尋查明(ming)你網站內的所有鏈(lian)接里(li)是(shi)否有斷鏈(lian)。( 強烈推(tui)薦 ) 

7 . //juicystudio.com/services/linktest.php 測試網(wang)站內的鏈接(jie)的 URL 是(shi)否(fou)存在死鏈，與 W3C Link Checker 很類似(si)。 

網頁設計的(de)兼容(rong)性測試 

我們常常看到網站(zhan)設計者把重點(dian)放在怎網站(zhan)的(de)吸引力上，而完全(quan)不(bu)考慮會不(bu)會影響來訪者的(de)使(shi)用(yong)，一個瀏覽(lan)難(nan)度很大的(de)網頁是注定要失敗，要讓你的(de)來訪者方便的(de)得到他要的(de)信(xin)息(從而成為重復訪客(ke))，你的(de)網站(zhan)應當遵循(xun) WCAG section 508 易(yi)用(yong)性(xing)規則。 

8 . //webxact.watchfire.com 所有嚴謹的設計師和開發(fa)者都必須使(shi)用(yong)的工具(ju)，它會生成一個非常(chang)詳盡(jin)的報告書(shu)，包(bao)括：網(wang)站(zhan)質量，易用(yong)性和隱私等。( 強烈推薦 ) 

9 . //checker.atrc.utoronto.ca/index.html 測試網(wang)站的 WCAG 2.0 Level2 兼容性(xing)，它會(hui)生成一份報告，提出一系(xi)列建議，如(ru)：如(ru)何提升(sheng)頁(ye)頭，鏈(lian)接，數據，圖表和文字(zi)的訪問速度。 

10 . //www.wave.webaim.org/wave/index.jsp 高(gao)度可定(ding)制的工具，它(ta)采用了圖形(xing)化模型展示(shi)網站兼容性問(wen)題( WCAG 1.0 and section 508 )。( 強烈推(tui)薦(jian) ) 美 

11 . //www.tawdis.net/taw3/cms/en 測試網頁(ye)是否存在沖突( WCAG 1.0 兼容性 )，通過(guo)圖形模(mo)式生成一份依據 wcag 優先模(mo)式為基礎的網站修改建(jian)議。 

12 . //www.cynthiasays.com 采用了非常嚴格的規則(ze)(ze)來測試網頁( 根據 section 508 和 WCAG 1.0 規則(ze)(ze) )，生(sheng)成的報告也極為詳細( 詳細到很難看(kan)懂 )。 

13 . //www.sidar.org/hera/index.php.en 使用(yong)一種極為復(fu)雜但容(rong)易理解方式指出網頁的(de) wcag1.0 兼容(rong)性問題。 

14 . //juicystudio.com/services/csstest.php 進行了色(se)彩對比測試，以確保你的網站的色(se)調(diao)會(hui)符合 WCAG 1.0 的要求。 

15 . //juicystudio.com/services/readability.php 分析(xi)你網站(zhan)上(shang)的文字是否有語法錯誤(wu)或拼寫(xie)錯誤(wu)等問(wen)題，容易讓(rang)人理解不(bu)( 根據 the Flesch Reading Ease 和 Flesch-Kincaid grade level algorithms 規則 )。( 適合英文網站(zhan)使(shi)用(yong) ) 

網站速(su)度(du)測試(shi)工(gong)具 

對于(yu)站長(chang)來(lai)說，在選(xuan)擇(ze)服務器地點的(de)(de)(de)(de)時(shi)候，一般(ban)都(dou)是根據自己訪問時(shi)的(de)(de)(de)(de)速(su)(su)度(du)(du)決定的(de)(de)(de)(de)，那么你(ni)知道(dao)全(quan)國(guo)乃至全(quan)世界其(qi)它(ta)地區(qu)訪問你(ni)網(wang)站時(shi)的(de)(de)(de)(de)速(su)(su)度(du)(du)如(ru)(ru)何嗎?如(ru)(ru)果(guo)你(ni)是 電(dian)信(xin)的(de)(de)(de)(de)，你(ni)知道(dao)網(wang)通(tong)(tong)的(de)(de)(de)(de)速(su)(su)度(du)(du)或者鐵(tie)通(tong)(tong)的(de)(de)(de)(de)速(su)(su)度(du)(du)嗎?要知道(dao)對于(yu)網(wang)站訪問者來(lai)說，如(ru)(ru)果(guo)你(ni)的(de)(de)(de)(de)網(wang)站打開速(su)(su)度(du)(du)慢，那就會立即(ji)失去(qu)了(le)繼續訪問的(de)(de)(de)(de)興趣。但是如(ru)(ru)何測試網(wang)站速(su)(su)度(du)(du) 呢?下面提供了(le)幾個(ge)網(wang)絡測速(su)(su)網(wang)站，可以檢測全(quan)球(qiu)其(qi)它(ta)地區(qu)連接你(ni)的(de)(de)(de)(de)網(wang)站時(shi)的(de)(de)(de)(de)時(shi)間哦。 

16 . //www.websiteoptimization.com/services/analyze 一個很好的(de)工具，它在(zai)分(fen)析完(wan)一個網(wang)(wang)頁后(hou)，會為(wei)減(jian)少加載時間(jian)提出(chu)優化建(jian)議(yi)，著(zhu)重優化物體(ti)的(de)數目，圖片和網(wang)(wang)站的(de)總體(ti)大小。(強烈推薦 ) 

17 . //www.websitepulse.com/help/tools.php 有一(yi)系列的工具來(lai)確定(ding)網站(zhan)的加載速(su)度和(he)主機信息。 

18 . //internetsupervision.com/scripts/urlcheck/check.aspx 從世界(jie)各地(di)不同的服務器(qi)來測試你的網站(zhan)的加載(zai)時間，用于確定是(shi)不是(shi)各地(di)的來訪者(zhe)都能順利快速的打開你得(de)網站(zhan)。 

瀏覽器模擬工具 

是(shi)一個普遍(bian)的問題，因為(wei)現(xian)在有著很多的操(cao)作系統和瀏覽器，你(ni)得(de)(de)網站必(bi)須得(de)(de)兼(jian)容(rong)它(ta)們，但這絕不是(shi)一件容(rong)易的事。通(tong)過下列(lie)工(gong)具，你(ni)可(ke)以了解你(ni)得(de)(de)網站在各(ge)種瀏覽器上的顯示效果(guo)。 

19 . //browsershots.org 能給出你的網站在(zai)不(bu)同(tong)瀏(liu)覽器下顯示效果(guo)的截圖(tu)，包括：Firefox 和 Internet Explorer ( Windows )、Firefox 和 Safari ( Mac OS X )、Iceweasal 和 Konqueror ( Linux )，但是(shi)結果(guo)要(yao)在(zai) 1 - 3 小時后才能出來。 

20 . //ipinfo.info/netrenderer 實時(shi)生成你的(de)網站在 Internet Explorer 5.5 、6.0 和 7.0 下的(de)截圖。 

21 . //ready.mobi/launch.jsp?locale=en_EN 分(fen)析使用手機(ji)訪(fang)問網頁的兼容性問題，會生成一份詳細的報(bao)告，并提供了在兩種不(bu)同類型的手機(ji)瀏覽器上(shang)你得網站可能顯示(shi)的樣子(zi)。 

搜索引擎優(you)化 (SEO) 方面 

一(yi)個網(wang)站，如果對(dui)搜索引擎(qing)有著(zhu)比(bi)較(jiao)好(hao)的友好(hao)度，一(yi)定會比(bi)較(jiao)有競(jing)爭(zheng)力。 

22 . //www.urltrends.com 會顯示網(wang)站的訪客是如何通過搜索引擎來(lai)到(dao)你(ni)的網(wang)站，還有各(ge)個流(liu)量是多少。這些(xie)(xie)數(shu)據是包括 Google, Yahoo, MSN, Alexa, AlltheWeb, AltaVista 和其他(ta)一(yi)些(xie)(xie)網(wang)站。( 強烈推薦 ) 

23 . //www.iwebtool.com/backlink_checker 一個很(hen)好(hao)的(de)工具(ju)，它能找出有什(shen)(shen)么(me)站(zhan)點(dian)鏈接到(dao)你(ni)的(de)站(zhan)點(dian)，那些站(zhan)點(dian)是什(shen)(shen)么(me)類型的(de)站(zhan)點(dian)。 

24 . //www.iwebtool.com/multirank 顯示你網站的 Alexa 和 Google PageRank 數值。 

25 . //adlab.microsoft.com/default.aspx 一個極好的(de)工具，用于分析(xi)和預(yu)測你網站(zhan)的(de)來訪者和市場。( 強(qiang)烈推薦 ) 

26 . //whois.domaintools.com 一(yi)個 WHOIS 網絡(luo)工具。 

27 . //www.seo-browser.com 可以(yi)讓你看到在搜索引擎眼里一(yi)樣的(de)網站(zhan)( 去掉(diao)所有的(de)”美麗”配件 )。 

28 . //www.seoworkers.com/tool/analyzer.html 非常有用(yong)的(de)工(gong)具，分析了網站上的(de)各種(zhong)分類(lei)特征(zheng)，包括 meta 標(biao)簽、關鍵(jian)字密度及加(jia)載時間。( 強烈推薦 ) 

29 . //www.seekport.co.uk/seekbot 可以分(fen)析網站(zhan)的(de)數據和內容，以得(de)出(chu)搜索引擎會如何有效的(de)解釋分(fen)析的(de)網站(zhan)。 

30 . //www.seochat.com/seo-tools 用以(yi)分析網(wang)站 Google adsense 盈利潛力，關鍵(jian)字(zi)密(mi)度(du)，Meta tag 等等…… 

31 . //www.marketleap.com/publinkpop 用來分析網(wang)頁，讓你知(zhi)道你的網(wang)站檢索、設定(ding)的關鍵字好不(bu)好