一个好测试,必须知道的常识

哈喽,艾瑞巴蒂,有没有负责前端测试的小伙伴,让我看到你们的双手!!!接下来我要和你分享的是前端测试的故事,一起来听听吧!~

最近小编一直在测试移动端Web页面,在执行异常数据测试用例时,奇怪的事情发生了,页面出现了空白。测试步骤如下:

使用Fiddler工具的AutoResponder直接返回本地构造的数据文件

执行异常数据相关用例为了保证Title过长或者为空时,页面是否合理显示

为什么会空白呢?同样是直接给数据请求一个特定的返回,为什么信息流APP没有问题手机Web页面就出现了空白?

通过Fiddler抓包对比发现了手机Web页面的一些异样

信息流APP的网络请求返回

手机Web页面的网络请求返回

那么问题又来了,为什么手机Web页面要这样返回数据呢?为了解决什么问题呢?请继续往下看答案就要揭晓了!~

什么是跨域?何时会出现跨域?

关于JavaScript能否跨域通信的详细说明,见下表: http://www.a.com/a.js访问以下URL的结果:

为什么浏览器限制跨域访问?

原因就是安全问题:

为什么要跨域?

跨域这东西其实很常见,例如我们可以把网站的一些脚本、图片或其他资源放到另外一个站点。

例如:比如说今日热点头条H5版本:http://yaokan.toutiao.sogou.com,当请求频道列表(http://itoutiao.sogou.com/v1/getnewslist?h=123)两个域名之间就涉及跨域问题,但是页面有需要使用列表请求返回的数据,所以必须要跨域。

前后端如何实现跨域呢?

前端

前端将Callback返回后的数据以一个变量的Value的形式传入代码中进行后续逻辑

后端

后端将预期要返回的数据以固定格式返回给前端,例子:Callback(“Value”)

如何解决?

通过Fiddler工具的JavaScript脚本就可以解决,代码如下:

NO.1

NO.2

如果需要现成代码,可以联系小编

想学习更多~!请关注

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171226B0875100?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券