被运营商拦截的请求导致的bug

昨天老板反馈一个问题，说有个H5页面出问题了，部分内容显示不了。更细致的显示情况如下：

08：27：13      WIFI网络      页面显示异常

08：33：14      4G网络         页面显示正常

08：38：18      WIFI网络      页面显示异常

初步诊断网络导致的问题，从截图的表现上看很像是CGI返回失败或者是前端JS报错了。好在页面接了badjs系统。but 之前苦于数据量的庞大，做了10%的抽样，因此并不一定能命中这种错误。好在我们还可以从终端日志里去定位。经过对日志的分析，发现在WIFI下，某个js脚本会发出一个奇怪的CGI请求（看名称有点像广告）。跟着这条线索，继续分析，看到发出的CGI请求被CSP限制了，并没有在服务器设定的白名单里，所以导致影响了其他js的执行。至此，问题得到了暴露，在WIFI下，文件被运营商做了拦截修改，避免这种错误的思路是让发访问的页面支持https，这样才能较好地防止被拦截的发生。