Laravel 实时获取推进器连接状态

我使用Pusher.com设置实时通知。 我宁愿使用它进行实时表同步

但有时，由于连接问题，它不能很好地工作。 所以我想检查推进器连接是否处于活动状态。 我在用Laravel来做这个系统 我用图标（绿色和红色图标）显示状态

下面是我在blade.php文件中编写的代码

    var pusher = new Pusher('dfgfg', {
                cluster: 'us3',
                encrypted: true
            });

            pusher.connection.bind('connected', function() {
                $('#pusheron').css('display','flex');
                $('#pusheroff').css('display','none');
            });
            pusher.connection.bind('error', function() {
                $('#pusheron').css('display','none');
                $('#pusheroff').css('display','flex');
            });

这就是我现在所做的。 但它有时不能正常工作。 如果有人教我其他实时获取推送器连接状态的方法，我会很高兴。

---

连接状态更改时，推送器发出事件。您可以使用它实时检测更改并更新状态显示

pusher.connection.bind('state_change', function(states) {
  // states = {previous: 'oldState', current: 'newState'}
  $('div#status').text("Channels current state is " + states.current);
});

---

看

谢谢@doydoy的回复。我只是想获得连接或断开状态。它似乎在正常情况下工作。但如果我开着浏览器睡觉。（连接已打开，图标为绿色）唤醒电脑后，即使网络已断开连接，绿色图标仍会保留。有没有办法解决这个问题？