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

  网站测试对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. session原理及实现共享

    一.session的本质http协议是无状态的,即你连续访问某个网页100次和访问1次对服务器来说是没有区别对待的,因为它记不住你.那么,在一些场合,确实需要服务器记住当前用户怎么办?比如用户登录邮箱 ...

  2. json字符串转java对象数组

    需要引入json-lib-2.2-jdk15.jar和ezmorph-1.0.6.jar包 String itemStar = request.getParameter("itemStar& ...

  3. iOS中如何隐藏启动图片的状态栏

    只隐藏启动图片顶部的状态栏,而不影响程序运行起来控制器的状态栏显示?在info.plist文件中添加一个Statis bar is...... 默认是NO改为YES即可

  4. 在现有的图像处理软件中融合dxf格式输出

    在现有的图像处理软件中融合dxf格式输出 dxf格式是autocade的支持格式.如果将现有图像识别的结果导出到dxf格式,就能够使用autocad的强大功能进行后续处理. dxf的格式比较复杂,开源 ...

  5. AWK命令学习

    使用方法 awk 'pattern {action}' {filenames} 尽管操作可能会很复杂,但语法总是这样,其中 pattern 表示 AWK 在数据中查找的内容,而 action 是在找到 ...

  6. Apache开启状态查看页面(原创贴-转载请注明出处)

    =================写在前面的话================== 场景描述:有时候我们需要查看apache的运行状态,只需要开启apache的status功能就可以实现,但是stat ...

  7. Python3基础 访问列表指定索引值的元素

    镇场诗:---大梦谁觉,水月中建博客.百千磨难,才知世事无常.---今持佛语,技术无量愿学.愿尽所学,铸一良心博客.------------------------------------------ ...

  8. CentOS系统启动流程

    CentOS系统启动流程 POST --> Boot Sequence(BIOS) --> Boot Loader(MBR) --> kernel(ramdisk) --> r ...

  9. 客户端实现蓝牙接收(C#)

    知识总结发布  (转载) 网上有关蓝牙接收的资料很多,使用起来也很简单,但是我觉得还是有必要把这些知识总结下来,蓝牙开发需要用到一个第三方的库InTheHand.Net.Personal.dll,感兴 ...

  10. EXCEL表格实现万位分隔符效果!

    单击单元格右键 选择自定义单元格格式 选择数字标签 选择自定义 在输入框中输入:###","#### 单击确定即可! 格式刷可以对其他单元格实行同样效果!