zoukankan      html  css  js  c++  java
  • 网页代码测试工具(很有用)

    网站有错误代码?不兼容?有时候就在状态栏显示错误,代码很长挨个看实在头疼。
    于是百度一下,狂搜网页错误在线检测工具,结果还真发现了不少,把用过的工具进行了整理,分网页代码测试、网页兼容性、网速测试、seo优化四大类收集了30多个可以在线测试网页的工具,推荐也收藏一下,以后备用。

    我从中挑选了两个比较实用的
    
    检测代码修改意见
    
    http://websiteoptimization.com/services/analyze/
    
    检测网站代码问题
    
    https://wave.webaim.org/report#/http://hswap.zzbdnk.com/zt/zixun
    

      

      网页代码测试工具

      没有站长可以保证自己的网页代码完全正确没有任何错误,特别是是否符合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 用来分析网页,让你知道你的网站检索、设定的关键字好不好

  • 相关阅读:
    HDU 5791 Two (DP)
    POJ 1088 滑雪 (DPor记忆化搜索)
    LightOJ 1011
    POJ 1787 Charlie's Change (多重背包 带结果组成)
    HDU 5550 Game Rooms (ccpc2015 K)(dp)
    HDU 5542 The Battle of Chibi (ccpc 南阳 C)(DP 树状数组 离散化)
    HDU 5543 Pick The Sticks (01背包)
    HDU 5546 Ancient Go (ccpc2015南阳G)
    NB-IoT的DRX、eDRX、PSM三个模式 (转载,描述的简单易懂)
    MQTT 嵌入式端通讯协议解析(转)
  • 原文地址:https://www.cnblogs.com/romanticcrystal/p/13139214.html
Copyright © 2011-2022 走看看