发布网站之前至关重要的一步是网站测试。网站测试要求我们全面地运行网站并通过所有基本测试,如响应式设计测试、安全测试、易用性测试、跨浏览器兼容性、网站速度测试等。

  网站测试对SEO、搜索引擎排名、转换率、跳出率(Bounce Rate)、网站页面设计、安全性的提高等都有重要的影响。所以对于Web开发人员,在发布网站之前对其进行测试至关重要。

  有很多优秀的工具正被Web开发者用来进行网站测试。本文将例举10款优秀的网站测试工具。

  W3C Markup Validation Services

  W3C验证器可以检查任何网站中的HTML标记,并显示与其标准不符的错误之处。还有与W3C验证相关的诸多功能,如功能检查、跨浏览器兼容性、Web页面加载速度、简单维修、更好的搜索引擎排名等。

  PageSpeed Insights

  速度是任何网站最重要的特征。当前,每个人都希望网站加载速度尽可能快。PageSpeed Insights是一个在线网站速度测试工具,检查完网站之后,还可给出提高网站速度与性能的策略。

  Browsershots

  Browsershots用来检测网站的跨浏览器兼容性。它是一款开源的在线Web应用,可获得来自各种浏览器及操作系统的屏幕截屏。

  Web Accessibility Checker (AChecker)

  AChecker为开源的Web易用性检测工具。它于2009年由多伦多大学的包容性设计研究中心(Inclusive Design Research Centre)开发。它可用来发现HTML的可用性问题。利用该工具,你必须提交Web页面的URL,或者上传HTML文件,或者复制粘贴整个HTML源代码。

  Watcher

  Watcher为Fiddler重要扩展,可用来发现网站的安全问题。它对基于HTTP的Web应用进行扫描,“Passive”意味着它对云计算、主机托管位置不存在危险因素。

  AccessColor

  AccessColor用来测试DOM文档中前、后台所有因素的颜色亮度与颜色对比度。它可用来发现HTML & CSS文档中合适的颜色搭配。

  Selenium

  Selenium是针对Web应用的开源测试框架。它基于Java脚本,提供一系列选择,组成了一个全面的自动化测试套件。

  Solex

  Solex,作为HTTP代理,是一个开源的Web测试工具。它被用作EclipseIDE的插件。它可记录下客户端与服务器端所有的HTTP请求与应答。

  Ettercap

  Ettercap是一个免费的Web安全保护工具。 它可获取密码、打断网络上的传输、无用内容的清理等功能。它可用来检查计算机网络协议,及进行安全保护检测。

  Screenqueri.es

  Screenqueri.es为免费的响应式设计测试应用。它提供了30个不同的设备预设,以检测网站的响应式设计。你可以验证采用传统解决方案的设计,可修改设计安排,并验证该设计是否可工作。

推荐10款免费的在线UI测试工具的更多相关文章

  1. 【转】推荐10款最热门jQuery UI框架

    推荐10款最热门jQuery UI框架 原创 在进行Web开发时,并非所有的库都适合你的项目,但你仍需要收藏一些Web UI设计相关的库或框架,以在你需要的时候,加快你的开发效率.本文为你推荐10款非 ...

  2. 推荐10款非常优秀的 HTML5 开发工具

      HTML5 发展如火如荼,随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟,未来 HTML5 必将改变我们创建 Web 应用程序的方式.今天这篇文章向大家推荐10款 ...

  3. 推荐10款最常用的Android开发工具

    我们使用各种语言进行开发时,总是会用到各种各样的开发工具.有些开发工具是开发人员的必备品,有些则是为了提高开发效率而用.Android开发同样也会用到多种开发工具,供开发人员设计.创建.测试和发布程序 ...

  4. 推荐10个免费的HTML编辑器

    如果你想开发一个网站,你肯定想要一个很棒的HTML编辑器,一个好的编辑器可以让代码更加整齐格式化,前端显示也会更好,从而提升你的工作效率.下面就为开发者推荐10个免费的HTML编辑器,你可以尝试使用. ...

  5. 强烈推荐 10 款珍藏的 Chrome 浏览器插件

    Firebug 的年代,我是火狐(Mozilla Firefox)浏览器的死忠:但后来不知道为什么,该插件停止了开发,导致我不得不寻求一个新的网页开发工具.那段时间,不少人开始推荐 Chrome 浏览 ...

  6. 推荐10款超级有趣的HTML5小游戏

    HTML5的发展速度比任何人的都想像都要更快.更加强大有效的和专业的解决方案已经被开发......甚至在游戏世界中!这里跟大家分享有10款超级趣味的HTML5游戏,希望大家能够喜欢! Kern Typ ...

  7. 10套免费的 Photoshop UI 元素以及 PSD 素材

    免费的 PSD 用户界面工具包以及可以编辑 Photoshop PSD 文件,有你需要的设计漂亮的用户界面和惊人使用体验.这些用户界面工具包可有免费下载,可随意定制的,而且这些 PSD 分层素材文件组 ...

  8. 10款免费的响应式 WordPress 主题下载

    响应式和现代设计风格的 WordPress 主题与能够非常灵活的适应所有设备.而高级主题能够更大可能性的轻松定制.所有的主题是完全响应式的,您可以从主题选项中禁用/启用响应模式.下面这个列表收集了10 ...

  9. 程序员们必备的10款免费jquery插件

    本周带来10款免费的jquery插件.如果你也有好的作品,欢迎分享到社区中来,在得到帮助的同时,也能与更多人分享来自你的作品. jQuery导航菜单置顶插件 - stickyUp . 在线演示 sti ...

随机推荐

  1. C#如何反射出委托的签名,如何使用反射调用委托

    本文阐述C#中如何反射出委托的签名,假如我们有委托FooDelegate定义如下 delegate double FooDelegate (string param, bool condition); ...

  2. [转]在windows环境中使用varnish

    varnish 的windows 版本下载地址: http://sourceforge.net/projects/cygvarnish/files/windows-zip-bundle/ 启动:var ...

  3. Selenium 2.0 + Java 入门之环境搭建

    最近在研究Java+Selenium的自动化测试,网上的资料比较多,自己测试实践后,整理出来一套相对比较完善的环境资料,因为网上很多下载实践的过程中,发现出现了很多不匹配的问题,什么jdk和eclip ...

  4. [已解决] MAVEN安装代码到本地库,安装jar, source, javadoc的方式

    mvn install:install-file -Dfile=a.jar -DgroupId=gid -DartifactId=aid -Dversion=0.0.1 -Dpackaging=jar ...

  5. vue.js实现添加删除

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. Links for Introduction To Calculus

    The links to download the material for the course Introduction To Calculus are provided in the follo ...

  7. MyBatis调用Oracle存储过程

    MyBatis调用Oracle存储过程 1.无输入和输出参数的存储过程 2.带有输入和输出参数的存储过程 3.返回游标的存储过程 mybatis中的配置文件代码 <resultMap type= ...

  8. Centos7安装图形界面

    安装好字符操作系统后,使用网络安装(网络安装比较简单,不需要配置yum文件): yum groupinstall "GNOME Desktop" -y startx centos7 ...

  9. Redis单机版本的安装

    我的是centos-6.5的环境,安装redis的单机版本 1.下载redis源文件redis-3.0.0.tar.gz到一个目录,我的下载目录是/software 2.编译安装源文件的先觉条件是安装 ...

  10. OpenCV2+入门系列(一):OpenCV2.4.9的安装与测试

    这里假设看到这篇文章的人都已经对OpenCV以及机器视觉等最基础的概念有了一定的认识,因此本文不会对OpenCV做任何的介绍,而是直接介绍OpenCV2.4.9的安装与测试.此外本文只是简单的介绍如何 ...