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

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

最近小编一直在测试移动端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

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

想学习更多~！请关注