一个为儿童福利工作的非政府组织请我测试他们的网站。那是单个页面上的完全静态网站,可以通过简单导航到该部分,因此我需要一些通用技巧来测试该网站,说实话,我很难受,因为我找不到任何错误或错误。

评论

您所说的“一般性提示”是什么意思?您是在问测试应解决的问题,或更笼统地说您应如何测试网站并传达结果?请记住,测试网站更多的是验证范围/用途,而不是寻找错误。

如何测试与该问题相关的“儿童非政府组织站点”?

#1 楼

外观


测试外观,例如在IE,Chrome等中的外观。
测试可访问性,以便您的网站适合视力障碍者使用(字体,颜色,对比度等)
测试移动设备的布局
使用触摸板测试是否适合与网站进行交互
检查图标是否正确
检查“错误”页”。确保它们不是默认值,并且具有站点通用样式。
如果存在表单,请检查用户按下TAB时切换字段焦点的顺序是否正确

与第三方集成


如果对“共享”按钮或类似按钮进行社交媒体整合检查,则
如果对捐赠服务进行了整合,请进行检查
与网站分析进行整合系统(例如Google Analytics(分析))

安全测试


如果有表单,请检查输入限制
也有一些表单,检查是否存在漏洞:https://www.owasp.org/index.php/Category:OWASP_Top_Ten_Project

检查服务器是否存在不利情况。您可以假装是网站或攻击者,并尝试发送不同组成的不同请求,以检查服务器的反应情况

性能测试


检查一些非常规负载,以确保该网站不会随着受欢迎程度的增长而崩溃删除搜索引擎不会索引的页面。
检查site.xml以确保描述的结构正确

其他


检查控制台以确保所有页面资源均已正确加载
检查控制台以确保没有javascript错误(对于所有浏览器)。
检查cookie:用于定义cookie网站或网站分析的用户会话。


评论


如果站点使用SSL,请确保没有混合的内容。以及它在移动设备上的外观。

– VarunAgw
18年4月3日在7:33



如果网站使用SSL,则使用SSL,否则使用SSL。

– aloisdg移至codidact.com
18年4月3日在8:35

@kubanczyk:现代趋势正在朝着有效方向发展,这不是必然的。您为什么不提供它?您为什么要让您的用户没有隐私权?

–轨道轻赛
18年4月3日在11:27

@AlexeyR。什么财政资源?我可以在每月5美元的DigitalOcean实例上运行带有LetsEncrypt的免费证书的nginx服务器。如果该网站足够受欢迎,使其每秒点击量超过20次,那么他们应该能够在更大的实例上花费更多。

– Doktor J
18年4月3日在20:50

尚不足以提供新的答案,但我还要说,您想回顾一下颜色的现代性和对色盲人员的可见性。例如,您可以使用类似Google的Material UI之类的方法来确定良好的颜色组合。 material-ui.com/#/customization/colors

– Kuhl
18年4月3日在21:02

#2 楼

还没有人提到这些。


检查拼写错误
检查语法错误
检查是否与盲人读页器一起使用
仅键盘导航

键盘导航和页面阅读器齐头并进

评论


与页面阅读器类似,对于色盲用户来说,可读性强。

–伊兹卡塔
18年4月3日在1:49

拼写薄雾是我的宠儿之一

–达伦·H
18年4月4日在13:07

#3 楼

尝试使用不同的屏幕分辨率和不同的Web浏览器(包括移动设备)。

#4 楼

使用Google Pagespeed进行测试,并确保使用gzip压缩css / js,并使用ImageOptim之类的工具优化图像。如果您是自我托管的,请尝试在手机上通过蜂窝数据访问它,以确保可以在网络外部访问它。

#5 楼

在这种情况下,我的一些测试将是:


测试外观(GUI)是否合适。
检查每个菜单,徽标等通用内容是否一致多个网站的情况下显示网页。
测试网站的基本功能是否正常运行。
完成任何更新后,检查网站的显示方式和正常运行。
媒体和其他文件正在正确显示和下载。
请使用多种浏览器(Firefox,Chrome,IE,Edge,Safari等)进行检查。检入旧版本和最新版本。
检入多个OS平台(Windows,Mac,Linux等),尤其是最新版本。

从移动设备(Android,IOS,Windows)检查站点手机等)。

对于跨浏览器和跨平台测试,我使用此网站:

Browserstack:https://www.browserstack.com/


测试所有内部链接是否正常工作。
例如:我个人使用Xenu工具检查网站中的损坏链接。

Xenu:http:// home .snafu.de / tilman / xenulink.html#Description

检查标题和状态栏消息。
检查内容中的语法和拼写错误。

执行站点上的负载和性能测试。 JMeter是可以使用的开源负载测试工具。

JMeter:https://jmeter.apache.org/

执行安全性测试。 @Alexey R.和@drewbenn很好地描述了这一点。


#6 楼

如果该网站面向公众,我肯定会通过可访问性检查器来运行该网站,以确保该网站适合尽可能广泛的受众。

理想情况下,您希望确保该屏幕可用于屏幕阅读器,可访问键盘等。

https://wave.webaim.org/

https://webaim.org/resources/contrastchecker/

https:// achecker.ca/checker/index.php

#7 楼

要测试网站的性能-谷歌提供了免费工具:
https://developers.google.com/speed/pagespeed/insights/

您只需要提供以下网址的门户地址即可:您的网站,然后单击分析。
它将快速执行页面搜索和健康测试。
还将提供结果和指向的地址,以提高性能。

评论


该页面仅用于加载速度,我不确定该答案是否能完全回答问题,因为这不是手动测试,这是Google自动化的方法,只会查看页面的加载速度。否则请纠正我。

–玛拉基
18年4月5日在14:59

#8 楼

像往常一样,当您对某些事物感到困惑或不确定时,回到测试的基础知识并查看它们是否提供任何指导可能会很有用。

测试正在收集信息,目的是在进行测试时使用它决定。错误是威胁产品价值的东西。 (这些是由上下文驱动的测试学校提倡的定义的简化版本。)

这些是我立即想到的一些问题:


如果我该NGO案例的支持案例,并且想特别支持他们,我该怎么办?我该如何汇款?我如何与他们联系以一起工作?这些主题在网站上的任何地方都可以涵盖吗?
如果我考虑支持它们,但不确定,我如何才能进一步了解它们的过去表现?他们做了什么?是否可以由独立的第三方进行验证?
如果我知道一些对他们来说可能有趣的事情(例如我怀疑附近的孩子可能受到虐待),我该如何与他们联系?我可以匿名做吗?
如果我是遭受虐待的孩子,我该如何向他们伸出援手?
他们在什么地方工作?一个地区,一个城市,一个国家的地区,整个国家,国际上?
如果我是政府官员,我可以轻松地验证所有相关法律是否得到遵守吗?

进行总结。首先,您应该了解他们为什么拥有网站,以及他们拥有的东西是否满足该目的。然后,您应该考虑是否还有其他原因导致他们拥有自己未曾想到的网站。

示例:也许他们有一个网站来提高对他们正在做的所有事情的认识。然后,您应该验证他们当前的网站是否做得很好。但是网站也是获得一些额外资金的好方法。如果他们不能使人们容易地进行捐赠,则应向他们指出这一错失的机会。

即使您怀疑问题可能无法解决,也不要害怕谈论问题。但是永远不要坚持要求他们进行某些更改-您在这里是为了提供有价值的反馈,但是要由他们决定如何使用它们。