如何检测浏览器是否正在加载新页面

Question

我有一个带有"安全"代码的Web应用程序,如果服务器(Socket.IO)连接静音超过5秒(通常是客户站点防火墙/破坏代理问题),则会导致页面重新加载.

一旦新页面开始加载,Socket.IO连接就会停止,但安全代码看不到这一点.导航到慢速页面会导致安全代码触发并跳回上一页.

我需要能够告诉(在此代码之前导致重新加载)浏览器当前是否正在等待加载新(慢)页面.

除了在每个链接上放置一个jQuery点击事件(不能通过地址栏捕获导航)之外,还有什么方法可以做到这一点？

谢谢,

克里斯.

Answer 1

监控window.onbeforeunload可以解决问题.在用户开始导航后立即触发.

尝试在任何页面的Chrome控制台中输入此内容,然后点击任意链接:

window.onbeforeunload = function () { console.log("oh noes"); }