24个Web前端人员不能错过的在线检测网站汇总

jk 1年前 ⋅ 5457 阅读

源于:今日头条(查看原文)

标签:html检测 /SEO /css /

在用IE浏览网站时,发现下面显示“网页上有错误”,虽然不影响浏览,但总归让人感觉不舒服,大概多数站长都遇到过。而如果你的代码基础不是很好的话也许根 本找不到办法去解决这个问题,以致费了好多时间都无从下手,我是遭遇过多次这样的烦恼,因为本站加了一些代码,但是难免会冲突,有时候就在状态栏显示错误,代码很长挨个看实在头疼。

24个Web前端人员不能错过的在线检测网站汇总

24款web网站在线检测工具

于是爱整理的我就利用有限的资源整理了网页错误在线检测工具,结果还真发现了不少,把用过的工具进行了整理,分网页代码测试、网页兼容性、网速测试、seo优化四大类收集了24个可以在线测试网页的工具,推荐也收藏一下,以后备用。

>>>网页代码测试工具

没有站长可以保证自己的网页代码完全正确没有任何错误,特别是是否符合W3C标准,你可以通过以下测试来检查网站代码是否正确,无论你是asp的还是php的都可以哟。

1 .WDGHTML验证器【 http://www.htmlhelp.com/tools/validator】一个很好的工具,能找出网站语法错误的地方,并标注出来,也可选择对网站上单独的每一页进行单页分析。( 强烈推荐 )

2 . w3c标记验证服务【http://validator.w3.org】 对 HTML 和 XHTML 都能进行代码测试,自称是互联网络上第一个(也是使用者最多的)的 HTML 验证工具。

3 .CSS验证服务【http://jigsaw.w3.org/css-validator】 用于验证 css 源代码,能够标注出不好的 css 代码设计。例如:“Same colors for color and background-color in two contexts”。

4 . feed验证服务【http://validator.w3.org/feed】 用于查找 Atom 和 RSS feed 中的错误语法。

5 . 链接检查器【http://validator.w3.org/checklink】 用于搜寻查明你网站内的所有链接里是否有断链。( 强烈推荐 )

>>>网页设计的兼容性测试

我们常常看到网站设计者把重点放在怎网站的吸引力上,而完全不考虑会不会影响来访者的使用,一个浏览难度很大的网页是注定要失败,要让你的来访者方便的得到他要的信息(从而成为重复访客),你的网站应当遵循 WCAG section 508 易用性规则。

6 . 网站兼容性【http://www.wave.webaim.org/wave/index.jsp】 高度可定制的工具,它采用了图形化模型展示网站兼容性问题( WCAG 1.0 and section 508 )。( 强烈推荐 ) 美

7 . 网站修改建议http://www.tawdis.net/taw3/cms/en】 测试网页是否存在冲突( WCAG 1.0 兼容性 ),通过图形模式生成一份依据 wcag 优先模式为基础的网站修改建议。 【翻译插件翻译不了,有需要的用用其他的网页翻译工具吧】

8 . 网页可读性扫描【http://www.cynthiasays.com】 采用了非常严格的规则来测试网页( 根据 section 508 和 WCAG 1.0 规则 ),生成的报告也极为详细( 详细到很难看懂 )。

9 . 网站兼容性测试http://www.sidar.org/hera/index.php.en】 使用一种极为复杂但容易理解方式指出网页的 wcag1.0 兼容性问题。

10 . 【http://juicystudio.com/services/csstest.php】 进行了色彩对比测试,以确保你的网站的色调会符合 WCAG 1.0 的要求。

11 . 可读性测试http://juicystudio.com/services/readability.php】 分析你网站上的文字是否有语法错误或拼写错误等问题,容易让人理解不( 根据 the Flesch Reading Ease 和 Flesch-Kincaid grade level algorithms 规则 )。( 适合英文网站使用 )

>>>网站速度测试工具

对于站长来说,在选择服务器地点的时候,一般都是根据自己访问时的速度决定的,那么你知道全国乃至全世界其它地区访问你网站时的速度如何吗?如果你是 电信的,你知道网通的速度或者铁通的速度吗?要知道对于网站访问者来说,如果你的网站打开速度慢,那就会立即失去了继续访问的兴趣。但是如何测试网站速度 呢?下面提供了几个网络测速网站,可以检测全球其它地区连接你的网站时的时间哦。

12 . 网站优化网页分析器http://www.websiteoptimization.com/services/analyze】 一个很好的工具,它在分析完一个网页后,会为减少加载时间提出优化建议,着重优化物体的数目,图片和网站的总体大小。(强烈推荐 )

13 . 测试工具http://www.websitepulse.com/help/tools.php】 有一系列的工具来确定网站的加载速度和主机信息。【翻译插件翻译不了,有需要的用用其他的网页翻译工具吧,能翻译但是使用的时候报错,会返回到英文网页】

14 . 网站的加载时间测试http://internetsupervision.com/scripts/urlcheck/check.aspx】 从世界各地不同的服务器来测试你的网站的加载时间,用于确定是不是各地的来访者都能顺利快速的打开你得网站。

>>>浏览器模拟工具

是一个普遍的问题,因为现在有着很多的操作系统和浏览器,你得网站必须得兼容它们,但这绝不是一件容易的事。通过下列工具,你可以了解你得网站在各种浏览器上的显示效果。

15 .浏览器兼容性测试http://browsershots.org】 能给出你的网站在不同浏览器下显示效果的截图,包括:Firefox 和 Internet Explorer ( Windows )、Firefox 和 Safari ( Mac OS X )、Iceweasal 和 Konqueror ( Linux ),但是结果要在 1 - 3 小时后才能出来

16 . 浏览器在IE中的兼容性http://ipinfo.info/netrenderer】 实时生成你的网站在 Internet Explorer 5.5 、6.0 和 7.0 下的截图。 (网站有点慢,耐心等等)

17 . 手机访问网页的兼容性https://ready.mobi/】 分析使用手机访问网页的兼容性问题,会生成一份详细的报告,并提供了在两种不同类型的手机浏览器上你得网站可能显示的样子。 【翻译插件翻译不了,有需要的用用其他的网页翻译工具吧】

>>>搜索引擎优化 (SEO) 方面

一个网站,如果对搜索引擎有着比较好的友好度,一定会比较有竞争力。

18 . 网站访客数据http://www.urltrends.com】 会显示网站的访客是如何通过搜索引擎来到你的网站,还有各个流量是多少。这些数据是包括 Google, Yahoo, MSN, Alexa, AlltheWeb, AltaVista 和其他一些网站。( 强烈推荐 )

20 . Whois查询http://whois.domaintools.com】 一个 WHOIS 网络工具。

21 . 搜索引擎模拟http://www.seo-browser.com】 可以让你看到在搜索引擎眼里一样的网站( 去掉所有的”美丽”配件 )。 (打开速度超级慢)【翻译插件翻译不了,有需要的用用其他的网页翻译工具吧】

22 . 网站分析http://www.seoworkers.com/】 非常有用的工具,分析了网站上的各种分类特征,包括 meta 标签、关键字密度及加载时间。( 强烈推荐 )

23 .web页面检查http://www.seekport.co.uk/seekbot】 可以分析网站的数据和内容,以得出搜索引擎会如何有效的解释分析的网站。

24 . 搜索引擎优化工具http://www.seochat.com/seo-tools】 用以分析网站 Google adsense 盈利潜力,关键字密度,Meta tag 等等…… ( 强烈推荐,这个网站有很多实用的工具 )

当然国产的统计工具也有很多咯。以上的大多都是英文的网站,有人就要说了,我去,我英语12级啊,你给我看这个?对于不懂英语的同学,在下推荐一款插件(这个插件仅仅是用来翻译的,由翻译插件造成的不能使用等情况请自动忽略),我用的是360安全浏览器9.1版本的一个自带的插件,没有的话可以在扩展中找找,实在不行了百度一下(非常方便)

24个Web前端人员不能错过的在线检测网站汇总

360安全浏览器9.1版本翻译插件使用步骤一

24个Web前端人员不能错过的在线检测网站汇总

360安全浏览器9.1版本翻译插件使用步骤二

24个Web前端人员不能错过的在线检测网站汇总

360安全浏览器9.1版本翻译插件使用步骤三

欢迎大家以各种姿势关注,在下不定期更新


全部评论: 0

    我有话说: