前端实时刷新数据_产品又让我造数据

作为一个测试。经常面临造数据的问题，昨天这个问题又来了。

产品：我需要那个XX页面都有数据的截图，要给甲方爸爸们看

我：现在忙。明天再说吧（日常偷懒）

产品：那明天早上尽快给我，

我：好嘞(不到晚上给，怎么体现工作量）

说虽说，干还是要干的，打开了那个页面，心想改改dom的数据不就出来了吗。进去一看。特么都是走势图。。一个页面有将近十个表，什么柱型，折现，饼型都有（真实话，真的全有）。看来不能通过页面下手了。但是如果真的通过走正常流程造出这些数据，估计明晚都不现实。

（有人会问可以改数据库值呀，但这些数据都是存在es中。都是实时统计。如果说我挨个找索引，然后按着格式插入，估计也能累死）

然后开始想其他办法（鬼点子）

1.和前端要git地址。自己clone到本地，自己把数据写死运行一遍。

后经证明不行。关键两点 1 .每个代码权限要单独申请。我还要让领导审批，万一领导问我干啥。我说我就想把数据写死。。（想想不太对）

2.我还要捋前端代码。虽然vue cli创建的项目条理还算清晰。但是为了一个截图去捋总感觉对不起自己的劳动量

2.看看chrome能不能打断点，让我来改response

Google 百度一顿折腾，未果

3 看来只能用我之前常用的手段了。Charles

之前一直用来抓手机的请求，从来没有抓过电脑的。这次可以尝试一下

（我用的是mac，所以一下截图均来自mac）

1.网络设置代理（网络->高级->代理）

2.给想修改参数的链接打断点（proxy->breakpoints settings->add)

Query 不建议填写。这个只是参数，不影响定位到链接上。反而你填写上。每次参数必须对应上才能执行到

除了这种方式，还可以在请求的链接上直接右击->breakpoints

3再次刷新页面，即可看到你设置breakpoints的链接停住了。

点击edit request可以编辑入参

点击Execute 继续往下走，这个时候可以看到response返回来了。你可以编辑response来达到接口返回值永远是你想要的效果

但是我发现有个问题。前端有超时时间，除非我手速非常快（二十年单身都悬），这个页面同时访问了八个接口，而且八个接口都是返回图型的值，而且前端设置的超时时间只有5秒。超过五秒你在返回也没用了。

难道我要放弃这种办法了，想想还有没有其他歪点子，呸，主意。

突然想起可以把response保存在本地。然后每次访问的链接直接访问本地即可

在需要的链接上右击->Map local,然后选择你本地的文件

最终数据终于出来了。而且想要啥要啥的那种。。

感觉以后这种事肯定还是不会少。不能老被这种重复繁琐的任务影响心情。看来要把mock数据平台的构建提上日程了。