SvelteKit:连接丢失?



当/如果用户失去互联网连接或至少使用SvelteKit连接到网站时,是否有办法显示"失去连接"式屏幕,类似于YouTube的"现在没有连接"屏幕?

我想这需要某种套接字来轮询连接,我也想知道这是否可以用来不断检查用户登录状态,因为目前用户只有在刷新页面或尝试导航时才会返回登录屏幕,但是这并不重要。

可以检查navigator.onLine属性,并且在连接变化时触发的窗口事件onlineoffline

我将听取事件来显示/隐藏页面上的元素。


对于来自应用程序的事件,例如登录状态的更改,web套接字将是理想的,但到目前为止,它们不受本机支持(参见此问题)。

您可以通过从端点返回ReadableStream来潜在地使用较旧的技术,即服务器发送的事件。当然,轮询也是一种选择,但不太理想。

最新更新