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

分类:Html_Css| 发布:camnprbubuol| 查看: | 发表时间:2010/12/23

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

365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/html-css/143.html