网页html/js/css错误代码在线检测网站汇总

r囧r小猫 2023-10-17 11:51 73阅读 0赞

在用IE浏览网站时，发现下面显示“网页上有错误”，虽然不影响浏览，但总归让人感觉不舒服，大概多数站长都遇到过。而如果你的代码基础不是很好的话也许根 本找不到办法去解决这个问题，以致费了好多时间都无从下手，我是遭遇过多次这样的烦恼，因为本站加了一些代码，但是难免会冲突，有时候就在状态栏显示错 误，代码很长挨个看实在头疼。   
于是百度一下，狂搜网页错误在线检测工具，结果还真发现了不少，把用过的工具进行了整理，分网页代码测试、网页兼容性、网速测试、seo优化四大类收集了30多个可以在线测试网页的工具，推荐也收藏一下，以后备用。   
网页代码测试工具   
没有站长可以保证自己的网页代码完全正确没有任何错误，特别是是否符合 [W3C][] 标准，你可以通过以下测试来检查网站代码是否正确，无论你是asp的还是php的都可以哟。   
1 .  [http://www.htmlhelp.com/tools/validator][http_www.htmlhelp.com_tools_validator]  一个很好的工具，能找出网站语法错误的地方，并标注出来，也可选择对网站上单独的每一页进行单页分析。( 强烈推荐 )   
2 .  [http://validator.w3.org][http_validator.w3.org]  对 HTML 和 XHTML 都能进行代码测试，自称是互联网络上第一个(也是使用者最多的)的 HTML 验证工具。   
3 .  [http://jigsaw.w3.org/css-validator][http_jigsaw.w3.org_css-validator]  用于验证 css 源代码，能够标注出不好的 css 代码设计。例如：“Same colors for color and background-color in two contexts”。   
4 .  [http://www.xml.com/pub/a/tools/ruwf/check.html][http_www.xml.com_pub_a_tools_ruwf_check.html]  用于查找 XML 文件的错误。   
5 .  [http://validator.w3.org/feed][http_validator.w3.org_feed]  用于查找 Atom 和 RSS feed 中的错误语法。( 这个我经常用到 )   
6 .  [http://validator.w3.org/checklink][http_validator.w3.org_checklink]  用于搜寻查明你网站内的所有链接里是否有断链。( 强烈推荐 )   
7 .  [http://juicystudio.com/services/linktest.php][http_juicystudio.com_services_linktest.php]  测试网站内的链接的 URL 是否存在死链，与 W3C Link Checker 很类似。   
网页设计的兼容性测试   
我们常常看到网站设计者把重点放在怎网站的吸引力上，而完全不考虑会不会影响来访者的使用，一个浏览难度很大的网页是注定要失败，要让你的来访者方便的得到他要的信息(从而成为重复访客)，你的网站应当遵循 WCAG section 508 易用性规则。   
8 .  [http://webxact.watchfire.com][http_webxact.watchfire.com]  所有严谨的设计师和开发者都必须使用的工具，它会生成一个非常详尽的报告书，包括：网站质量，易用性和隐私等。( 强烈推荐 )   
9 .  [http://checker.atrc.utoronto.ca/index.html][http_checker.atrc.utoronto.ca_index.html]  测试网站的 WCAG 2.0 Level2 兼容性，它会生成一份报告，提出一系列建议，如：如何提升页头，链接，数据，图表和文字的访问速度。   
10 .  [http://www.wave.webaim.org/wave/index.jsp][http_www.wave.webaim.org_wave_index.jsp]  高度可定制的工具，它采用了图形化模型展示网站兼容性问题( WCAG 1.0 and section 508 )。( 强烈推荐 ) 美   
11 .  [http://www.tawdis.net/taw3/cms/en][http_www.tawdis.net_taw3_cms_en]  测试网页是否存在冲突( WCAG 1.0 兼容性 )，通过图形模式生成一份依据 wcag 优先模式为基础的网站修改建议。   
12 .  [http://www.cynthiasays.com][http_www.cynthiasays.com]  采用了非常严格的规则来测试网页( 根据 section 508 和 WCAG 1.0 规则 )，生成的报告也极为详细( 详细到很难看懂 )。   
13 .  [http://www.sidar.org/hera/index.php.en][http_www.sidar.org_hera_index.php.en]  使用一种极为复杂但容易理解方式指出网页的 wcag1.0 兼容性问题。   
14 .  [http://juicystudio.com/services/csstest.php][http_juicystudio.com_services_csstest.php]  进行了色彩对比测试，以确保你的网站的色调会符合 WCAG 1.0 的要求。   
15 .  [http://juicystudio.com/services/readability.php][http_juicystudio.com_services_readability.php]  分析你网站上的文字是否有语法错误或拼写错误等问题，容易让人理解不( 根据 the Flesch Reading Ease 和 Flesch-Kincaid grade level algorithms 规则 )。( 适合英文网站使用 )   
网站速度测试工具   
对于站长来说，在选择服务器地点的时候，一般都是根据自己访问时的速度决定的，那么你知道全国乃至全世界其它地区访问你网站时的速度如何吗?如果你是 电信的，你知道网通的速度或者铁通的速度吗?要知道对于网站访问者来说，如果你的网站打开速度慢，那就会立即失去了继续访问的兴趣。但是如何测试网站速度 呢?下面提供了几个网络测速网站，可以检测全球其它地区连接你的网站时的时间哦。   
16 .  [http://www.websiteoptimization.com/services/analyze][http_www.websiteoptimization.com_services_analyze]  一个很好的工具，它在分析完一个网页后，会为减少加载时间提出优化建议，着重优化物体的数目，图片和网站的总体大小。(强烈推荐 )   
17 .  [http://www.websitepulse.com/help/tools.php][http_www.websitepulse.com_help_tools.php]  有一系列的工具来确定网站的加载速度和主机信息。   
18 .  [http://internetsupervision.com/scripts/urlcheck/check.aspx][http_internetsupervision.com_scripts_urlcheck_check.aspx]  从世界各地不同的服务器来测试你的网站的加载时间，用于确定是不是各地的来访者都能顺利快速的打开你得网站。   
浏览器模拟工具   
是一个普遍的问题，因为现在有着很多的操作系统和浏览器，你得网站必须得兼容它们，但这绝不是一件容易的事。通过下列工具，你可以了解你得网站在各种浏览器上的显示效果。   
19 .  [http://browsershots.org][http_browsershots.org]  能给出你的网站在不同浏览器下显示效果的截图，包括：Firefox 和 Internet Explorer ( Windows )、Firefox 和 Safari ( Mac OS X )、Iceweasal 和 Konqueror ( Linux )，但是结果要在 1 - 3 小时后才能出来。   
20 .  [http://ipinfo.info/netrenderer][http_ipinfo.info_netrenderer]  实时生成你的网站在 Internet Explorer 5.5 、6.0 和 7.0 下的截图。   
21 .  [http://ready.mobi/launch.jsp?locale=en\_EN][http_ready.mobi_launch.jsp_locale_en_EN]  分析使用手机访问网页的兼容性问题，会生成一份详细的报告，并提供了在两种不同类型的手机浏览器上你得网站可能显示的样子。   
搜索引擎优化 (SEO) 方面   
一个网站，如果对搜索引擎有着比较好的友好度，一定会比较有竞争力。   
22 .  [http://www.urltrends.com][http_www.urltrends.com]  会显示网站的访客是如何通过搜索引擎来到你的网站，还有各个流量是多少。这些数据是包括 Google, Yahoo, MSN, Alexa, AlltheWeb, AltaVista 和其他一些网站。( 强烈推荐 )   
23 .  [http://www.iwebtool.com/backlink\_checker][http_www.iwebtool.com_backlink_checker]  一个很好的工具，它能找出有什么站点链接到你的站点，那些站点是什么类型的站点。   
24 .  [http://www.iwebtool.com/multirank][http_www.iwebtool.com_multirank]  显示你网站的 Alexa 和 Google PageRank 数值。   
25 .  [http://adlab.microsoft.com/default.aspx][http_adlab.microsoft.com_default.aspx]  一个极好的工具，用于分析和预测你网站的来访者和市场。( 强烈推荐 )   
26 .  [http://whois.domaintools.com][http_whois.domaintools.com]  一个 WHOIS 网络工具。   
27 .  [http://www.seo-browser.com][http_www.seo-browser.com]  可以让你看到在搜索引擎眼里一样的网站( 去掉所有的”美丽”配件 )。   
28 .  [http://www.seoworkers.com/tool/analyzer.html][http_www.seoworkers.com_tool_analyzer.html]  非常有用的工具，分析了网站上的各种分类特征，包括 meta 标签、关键字密度及加载时间。( 强烈推荐 )   
29 .  [http://www.seekport.co.uk/seekbot][http_www.seekport.co.uk_seekbot]  可以分析网站的数据和内容，以得出搜索引擎会如何有效的解释分析的网站。   
30 .  [http://www.seochat.com/seo-tools][http_www.seochat.com_seo-tools]  用以分析网站 Google adsense 盈利潜力，关键字密度，Meta tag 等等……

31 . [http://www.marketleap.com/publinkpop][http_www.marketleap.com_publinkpop] 用来分析网页，让你知道你的网站检索、设定的关键字好不好。

当然还有国产的统计工具咯。

[W3C]: http://www.camnpr.com/
[http_www.htmlhelp.com_tools_validator]: http://www.htmlhelp.com/tools/validator
[http_validator.w3.org]: http://validator.w3.org/
[http_jigsaw.w3.org_css-validator]: http://jigsaw.w3.org/css-validator
[http_www.xml.com_pub_a_tools_ruwf_check.html]: http://www.xml.com/pub/a/tools/ruwf/check.html
[http_validator.w3.org_feed]: http://validator.w3.org/feed
[http_validator.w3.org_checklink]: http://validator.w3.org/checklink
[http_juicystudio.com_services_linktest.php]: http://juicystudio.com/services/linktest.php
[http_webxact.watchfire.com]: http://webxact.watchfire.com/
[http_checker.atrc.utoronto.ca_index.html]: http://checker.atrc.utoronto.ca/index.html
[http_www.wave.webaim.org_wave_index.jsp]: http://www.wave.webaim.org/wave/index.jsp
[http_www.tawdis.net_taw3_cms_en]: http://www.tawdis.net/taw3/cms/en
[http_www.cynthiasays.com]: http://www.cynthiasays.com/
[http_www.sidar.org_hera_index.php.en]: http://www.sidar.org/hera/index.php.en
[http_juicystudio.com_services_csstest.php]: http://juicystudio.com/services/csstest.php
[http_juicystudio.com_services_readability.php]: http://juicystudio.com/services/readability.php
[http_www.websiteoptimization.com_services_analyze]: http://www.websiteoptimization.com/services/analyze
[http_www.websitepulse.com_help_tools.php]: http://www.websitepulse.com/help/tools.php
[http_internetsupervision.com_scripts_urlcheck_check.aspx]: http://internetsupervision.com/scripts/urlcheck/check.aspx
[http_browsershots.org]: http://browsershots.org/
[http_ipinfo.info_netrenderer]: http://ipinfo.info/netrenderer
[http_ready.mobi_launch.jsp_locale_en_EN]: http://ready.mobi/launch.jsp?locale=en_EN
[http_www.urltrends.com]: http://www.urltrends.com/
[http_www.iwebtool.com_backlink_checker]: http://www.iwebtool.com/backlink_checker
[http_www.iwebtool.com_multirank]: http://www.iwebtool.com/multirank
[http_adlab.microsoft.com_default.aspx]: http://adlab.microsoft.com/default.aspx
[http_whois.domaintools.com]: http://whois.domaintools.com/
[http_www.seo-browser.com]: http://www.seo-browser.com/
[http_www.seoworkers.com_tool_analyzer.html]: http://www.seoworkers.com/tool/analyzer.html
[http_www.seekport.co.uk_seekbot]: http://www.seekport.co.uk/seekbot
[http_www.seochat.com_seo-tools]: http://www.seochat.com/seo-tools
[http_www.marketleap.com_publinkpop]: http://www.marketleap.com/publinkpop