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

  网站测试对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. Azure Virtual Machine 之 如何利用Management Class Libraries 创建VM

    之前发的blog简单的介绍了如何使用Management Class Libraries 来控制Azure platform. 但由于官方并没有提供文档,所以我们只能够通过自己研究来摸索使用该类库的方 ...

  2. 实现一个自适应网页用到的css知识

    1 div导致父级高度没有变化是应该子元素设置了float:left等 2 div元素居中 text-align:center; margin-left: auto;margin-right: 3 大 ...

  3. Makefile编译库

    funs.h: #ifndef __FUNS_H__ #define __FUNS_H__ void fun1(); #endif funs.c #include "funs.h" ...

  4. 给linode 替换操作系统核心

    1.Make sure your package repositories and installed packages are up to date by issuing the following ...

  5. IOS UITableview代理方法总结

    tableview的datasource代理 @required的两个数据源方法 1.返回每个 session 中 cell 的个数 - (NSInteger)tableView:(UITableVi ...

  6. 使用IO流实现一个简单的小Dome

    (一) 在电脑D盘下创建一个文件为HelloWorld.txt文件,判断他是文件还是目录,在创建一个目录IOTest,之后将HelloWorld.txt移动到IOTest目录下去:之后遍历IOTest ...

  7. 【前端】Web前端学习笔记【2】

    [2016.02.22至今]的学习笔记. 相关博客: Web前端学习笔记[1] 1. this在 JavaScript 中主要有以下五种使用场景 在全局函数调用中,this 绑定全局对象,浏览器环境全 ...

  8. 用Django写出“hell world”

    一.系统实战环境 1 2 3 4 系统版本:CnetOS6.5 x86_64 Django版本:Django-1.5.8 MySQL版本:MySQL-5.1.73 Python版本: python-2 ...

  9. CentOS安装cacti

    1.安装软件包 yum install -y httpd php php-mysql \ php-snmp mysql mysql-server \ perl-DBD-MySQL php-pdo ne ...

  10. Apache配置文件讲解

        持续作用扩展自 HTTP/1.0 和 HTTP/1.1 的长连接特性.提供了长效的 HTTP 会话,用以在同 一个 TCP 连接中进行多次请求. 在某些情况下, 这样的方式会对包含大量图片的 ...