扫描关注网站建设微信公众账号

微信二维码

当前位置:济南网站优化 > 技术洞察 > 建站 > 网站测试分享第一弹速度慢只是因为这些技巧你没掌握

网站测试分享第一弹速度慢只是因为这些技巧你没掌握

时间:2020-04-27•16:27:39文章来源:做网站文章作者:网站制作

我们在网站测试的过程中,总感觉自己测试的速度慢,效率没有别人高,那我们如何进行有效的测试,今天建网站公司就来分享一下,在测站中的一些小技巧。

一、快速校验当表单文本时超出字符,是否显示异常

在平时测试工作中,当填写的字符过长时,到列表中查看回显数据,有时会出现文本越界等异常情况。如果依靠手工造数据有时候会觉得麻烦,毕竟还有后续的回归测试,不可能每次都造新数据。这是我们怎么办?

1、打开Chrome控制台,切换到Elements标签

2、定位要修改的页面元素,修改html文本即可

二、在chrome控制台查看请求与响应的详细信息,定位是前端or后端问题

首先打开Chrome控制台,切换到Network标签

点击页面上的一个功能,下面会加载出一系列请求,包括普通请求,图片资源,html,css,js文件等,选择一个请求点击。

右侧菜单则是这个请求的详细信息

Headers标签:在这里可以查看请求的基本信息,包括请求url、请求头、响应头、请求参数等

网站建设公司哪家最好

有时候你发现一个请求报错,开发叫你把参数给他发过去,就可以到这里来拷贝

一般开发喜欢要原生不带格式的参数(方便拷贝到postman或浏览器中调用),可以点击【Response Headers】右侧的【view source】

还有一种方法是直接Copy as cURL,然后粘贴到postman中,可以直接在postman中调用

也可以copy请求头信息

Preview标签和Response标签

这两个标签中的内容都是响应内容,只不过Preview标签中的内容是浏览器处理后的,相对于Response来说具有更高的可读性,它可以层层展开;

一般页面如果有报错的话,是可以到响应内容中看到报错信息的

很重要的一点是,我们要学会查看响应内容,一般响应内容都是json格式的,一个键对应一个值

这样的话就可以像读取字典一样,取出来任意一个键的值

学会这些后,就可以很方便地从一个接口的响应中提取出自己想要的信息---无论是断言也好、取出特定值传给其他接口也好。

三、当测试h5页面时,可以把chrome窗口设置为手机界面

首先打开Chrome控制台,点击手机与PC端切换样式

手机界面中,没有找到你想要的机型,不用担心,我们也可以自己添加,当然不同的浏览器所展示的手机型号也是有不同的。

四、模拟弱网环境

对于不同的网络环境,我们也是可以进行调整的

打开Chrome控制台,切换到Network标签,默认是No throttling模式,即无限制,Offine,表示无网络

下面还有诸如Fast 3G、Slow 3G表示不同网络速度,分别选中后,可以请求一个页面感受下响应速度变化

除了上述一些已经定义好的网络环境外,也可以自己定义

篇幅有限今天就给大家分享到这里,下次有机会,再给大家分享更多的测试小技巧!

 

上一篇:在准备建站的过程前应怎样选好网络公司?

下一篇:网站建设方面的浅谈第一弹

文章关键词
网站测试
网站打开速度
网站速度
网站技巧
建站技巧