今天开发时遇到了一个问题,由于要做一个支付等待页,大概的意思就是点击支付之后,跳出来一个页面,告知用户正在跳转到支付页面。这个时候问题来了,指鹤要做的这个静态支付等待页中有图片,而为了要让这个静态页面跳转到真正的支付页面,所以在页面内埋了js的form表单自动提交,也就是页面dom ready之后这个js就执行了,页面就开始向新的页面跳转了,这时会造成一个问题,浏览器会直接关掉当前的请求,也就是刚刚发出去的图片请求会被直接关掉,造成的页面效果就是图片根本请求不回来,页面中的图片直接挂掉,而支付页面请求一直显示loading,这个所谓的支付等待页就变成了一个没有任何图片的页面了……
说完了整个起因和结果,说一下解决问题中了解到的知识吧。
1、chrome浏览器中Provisional headers are shown提示,一般来说,如果看到这个提示,说明这个请求并没有发送出去。具体原因有多种,除了上面提到的情况外,还可能是请求被某些扩展如 Adblock 给拦截了,请求被墙了,走本地缓存或者 dataurl 的请求,也会这样显示。
2、用 chrome://net-internals
来帮助你查找被屏蔽的请求以及可能的原因。
(以上内容来自转载,出处网址:http://www.duanzhihe.com/575.html)