ic_ee

用于测试网站的8个较好的Chrome扩展

网站与你的生计紧密相关,如果网站不能正常工作,你就会赔钱。

但很多商业网站都有一些网站主人没有注意到的错误。在浏览网站时你可能遇到过这样的情况——链接的位置出错、在某些浏览器中页面看起来很可笑或有一些不能显示。

为什么这类错误如此常见呢?因为太多的网站所有者跳过了QA测试的重要步骤。下面就让hostgator美国主机商详细的告诉你吧。

什么是质量保证?

质量保证(QA)是你采确保正常工作采取的行动。它可以应用于实体产品,软件,以及这篇文章的重点——网站。

QA测试中涉及的具体步骤将取决于你所测试的内容,但它们的目的是为更好地理解最终的用户体验,确保它是一个良好的体验。

为什么应该对网站进行QA测试

虽然产品的QA测试在许多企业中都是合规格的,但在企业网站上并不一直具有同样的严格性。

但网站代表着你在网络上的脸,是用户和产品之间的主要通道。很多潜在客户和客户会把你作为一个品牌的信誉度与他们在网站上的体验联系起来。

如果你有意让QA测试网站成为网站维护过程中的常规部分,它将帮助你发现一切使你的品牌看起来草率,并失去销售的错误。越早修复它们,网站的性能就会越好。

8个用于QA测试的最佳Chrome扩展

这不仅仅是一篇告诉你要在众多待办事项清单上再添一件事的文章。我们还将帮助你使QA测试网站的过程更容易。

这些Chrome扩展可以同时使QA测试的某些部分更快、更有效。

1、Ghost Inspector

Ghost Inspector是其使一些QA测试的过程自动化的延伸。通过在网站上执行想要测试的步骤并记录下来,从而在中创建测试。然后,将应用程序设置为自动运行相同的步骤,以查找发生的任何更改。

该工具将会在发现差异时发出警告,无论是页面的外观、表单的工作方式,还是链接的位置。其中一些更改是有意的,但其他的则会提醒你需要解决的问题。

Ghost Inspector是一个强大的,有用的工具。它不是免费的。价格每月89美元起。

2、Bug Magnet

当你在网站上测试表单时,有许多不同的潜在漏洞或错误需要考虑。要把他们都记下来是很难得的,手工测试每一个肯定很费时。 Bug Magnet可以让这两件事变得更容易。

一旦安装完毕,只需右键单击任何网站的表单字段,就会得到一个完整的选项菜单,其中包含要测试的内容,比如不同的字母、不同长度的名称或电子邮件格式。

Bug Magnet将根据你的选择自动填充字段,这样就可以快速运行所有相关的测试。快速找出你的字段是否已经停止接收超过一定长度的数字,或者是否无法准确识别无效的电子邮件地址。它虽不能使测试过程完全自动化,但却是一个简便的工具,可以加快测试速度,防止遗忘需要运行的重要测试。

3、Window Resizer

在自己的电脑或设备上测试网站是网站所有者很容易犯的错误。但访问网站的人将会使用一系列屏幕大小不同的设备。更复杂的是,人们可以随意设置浏览器窗口的大小。

窗口大小调整期插件是一个在不同大小窗口测试网站的简单的方法。该工具以桌面和移动设备最常见的尺寸为基础,提供了一些预置的测试选项。但也可以输入额外的自定义大小来进行测试。

如果页面的重要部分位置不明显,或者网站在不同尺寸下看起来很可笑,那么这个扩展将有助于发现它,并更新设计来解决这个问题。

4、Resolution Test

Resolution Test是测试网站在不同屏幕大小下外观的另一种选择。用起来很简单。安装完成后,单击右上角浏览器菜单中的插件图像。将会出现一个下拉菜单,其中列出了不同的屏幕分辨率,你可以单击每个下拉菜单查看网站在其中的外观。

5、IE Tab

尽管许多人已经不再使用IE浏览器了,但仍有相当多的人在使用老式浏览器。它获得了3%的市场份额,甚至超过了火狐浏览器。即使你很早就把浏览器在电脑上卸载了,也还是需要了解网站是如何运行的。

不需要再次下载IE浏览器,IE Tab扩展就可以帮你完成。可以完全在Chrome中运行IE,并在传统浏览器中精确地看到自己网站的外观和工作方式。

6、Web Developer Form Filler

测试表单对于QA测试网站来说可能是一个单调乏味的部分,但是表单也是网站中最重要的部分之一。它们用于收集有关销售线索的信息,处理购买数据,并支持与客户进行可跟踪的联系。表单测试是一个不可以跳过的步骤。

Web Developer Form Filler是一种扩展,使用起来和它所描述的一样简单。填写你想要用来测试表单的值以后,每次进行测试时,扩展都会自动为你填写这些值。你可以根据需要填写的表单数量设置多个值。这样就可以大大地提高整个网站的表单测试速度。

7、Check My Links

可访问性是网页设计中的一个重要趋势,无论是从道德角度还是从业务角度来看都很重要,因为它提高了大部分用户的访问体验。WAVE评估扩展提供了关于网页不同部分的可访问性(或不可访问性)的视觉反馈。它将有助于发现你自己不知道如何查看的可访问性问题。

从WAVE获得可访问性报告就像点击浏览器屏幕右上角扩展菜单中的WAVE图标一样简单。完成后,再次单击它可以从视图中删除报告。

8、Check My Links

断开链接是生活中正常的一部分,但这并不意味着你应该接受它们成为网站的正常部分。即使是小网站,浏览一页一页地浏览网站,检查所有的链接都是一个大而单调的任务。而对于较大的网站来说,这简直是一个天大的灾难。

Check My Links可以使过程自动化,并省去手动操作的麻烦。每次运行它时,它都会检查整个网站,并弹出一个报告,显示需要更新的所有坏链接。如果定期访问它并在访问过程中修复链接,还可以让这个报告列表更短,这样每次更新它们就不会是一项很大的任务。

QA测试使网站正常工作

当网站出现问题时,访问者不会特意来提醒你。通常情况下,他们都会点击离开,去其他地方。保持网站正常工作,并确保每个访问者每次都有一个良好的体验,取决于你自己。QA测试是维护网站并使其保持良好工作秩序的一个重要步骤。

相关阅读推荐:5个最好的WordPress电子邮件插件