英文原文：10 Free Online UI Testing Tools For Web Designers and Developers
推出一个网站之前最重要的一步是网站测试。网站测试包含响应设计测试、安全测试、可访问性测试、跨浏览器兼容性测试、网站速度测试等。
网站测试对于跨平台的 SEO、搜索引擎排名、转化率、跳出率、网页设计、网站安全性等有很大的影响，所以对于 Web 开发人员来说，，在推出网站之前对它进行测试是很有必要的。
Web 开发人员用于网站测试的神奇工具有很多种，现在我就向大家推荐几款免费的在线网站测试工具。
1. W3C Markup Validation Service
W3C 验证器可以检查任何网站的标记并根据标准找出不准确的地方。 此外，W3C 的验证还包括很多值得称道的特性：永不过时的功能检查、跨浏览器兼容、 放大网页的加载速度、易于维修和修复、更好的搜索引擎排名等。
2. PageSpeed Insights
速度对于任何网站来说都是最为重要的，每个人都期待自己浏览的网站能尽快的加载，PageSpeed Insights 是一个在线的网站速度测试工具，它能够提供在研究其网页之后推进网站速度和性能的策略。（注：该工具是谷歌开发工具，国内用户使用需连接代理）
3. Browsershots
Browsershots 可检查网站的跨浏览器兼容性。它是一个开源的在线 web 应用程序，能够提供你的网站在不同浏览器和操作系统中的截图画面。
4. Web Accessibility Checker（又名 AChecker）
AChecker 是一个开源的用于网络可接近性检查的工具， 它是在 2009 年由多伦多大学的包容性设计研究中心发开出来的。 它用于计算 HTML 内容的可用性问题。 使用这个工具，你必须提交一个 web 页面的 URL 或者上传 HTML 文件或者粘贴整个 HTML 的源代码。
5. Watcher
Watcher 是一个侧重于调试的工具插件，它常被测试人员用于网络安全的问题。它是一个用于 HTTP 网络应用的反向搜索工具，由于它是作为“被动”使用的，因此，对于云、主机以及网站后台来说，它都不算是危险的工具。
6. AccessColor
AccessColor 用于测试在文档对象模型(DOM)中背景和前景的所有组件的颜色亮度和色彩对比。 它的主要用途是找到 HTML & CSS 文件中合适的颜色配搭，而不是去查找你输入的每个色彩值。
7. Selenium
Selenium 是一个开源的 web 应用测试框架，它基于 Java scripting，是一个全面的自动化测试套件，由 Jason Huggins 在 10 年前开发而成的。
8. Solex
Solex 是一个作为 HTTP 代理的开源的 web 测试工具， 它被用作 Eclipse IDE 的插件，可以记录、调节和复制一个客户端周期。它还可以记录客户端和服务器之间所有的 HTTP 请求和回复。 （ 注：国内用户使用需连接代理）
9. Ettercap
Ettercap 是一个作为中间人角色的免费的网络安全保护工具。它的用途包括抓取密码、从网络层面中端通信、快速的内容清洁、嗅探存在的影响等。 它支持众多协议的主动和被动分区和保管检查所做的用于计算机网络协议的检查。
10. Screenqueri.es
Screenqueri.es 是一个可免费使用的响应式设计测试程序 ，它提供了 30 个稳固强大的部件来检查网站的响应式设计 ，你也可以通过验证设计方案和改变对齐方式的形式来查看你的设计是否完成了应有的功能。
相关文章