前端检测页面发生变化时websocket主动关闭

在前端中，您可以通过监听浏览器窗口的unload事件来检测页面是否发生变化。在unload事件中，您可以主动关闭WebSocket连接。

以下是一个示例代码：

// 创建WebSocket对象
var ws = new WebSocket('ws://localhost:8080');

// 监听浏览器窗口的unload事件
window.addEventListener('unload', function() {
  // 主动关闭WebSocket连接
  ws.close();
});

在上述代码中，我们通过window对象的addEventListener()方法来监听浏览器窗口的unload事件。在unload事件中，我们通过WebSocket对象的close()方法来主动关闭WebSocket连接。

需要注意的是，unload事件并不是在所有情况下都会触发，例如在浏览器崩溃或者操作系统崩溃的情况下，unload事件可能无法被触发。因此，在实际应用中，您可能需要根据实际情况来设置其他的关闭策略，例如定时关闭WebSocket连接等。