什么是 Server-sent Events？
Server-sent Events（简称 SSE）是一种基于 HTTP 的服务器推送技术，它可以让服务器向客户端发送事件流，客户端通过监听这个事件流来实现实时更新数据的效果。SSE 主要用于实现 Web 应用程序中的实时通信，例如聊天应用、实时更新数据等。
浏览器支持情况
SSE 是 HTML5 中的一个新特性，在现代浏览器中都得到了很好的支持。以下是 SSE 在不同浏览器中的支持情况：
- Chrome：支持
- Firefox：支持
- Safari：支持
- Edge：支持
- Internet Explorer：不支持
可以看出，SSE 在现代浏览器中得到了很好的支持，但是在 Internet Explorer 中不支持。如果需要在 IE 中使用 SSE，可以使用 polyfill 或者使用其他技术实现类似的功能。
如何使用 SSE
使用 SSE 需要在服务器端发送事件流，并在客户端监听事件流。以下是一个简单的 SSE 示例：
服务器端代码
----- ---- - ----------------
----------------------- ---- -- -
------------------ -
--------------- --------------------
---------------- -----------
------------- ------------
---
-------------- -- -
----- ---- - ------ ----- ----------------------------------
----------------
-- ------
----------------以上代码创建了一个 HTTP 服务器，每秒钟向客户端发送一个包含当前时间的事件流。
客户端代码
----- ------ - --- -------------------- ---------------------------------- ------- -- - ------------------------ ---
以上代码创建了一个 EventSource 对象，并监听服务器发送的 message 事件。当服务器发送事件流时，客户端会收到事件并输出事件数据。
解决浏览器兼容性问题
虽然 SSE 在现代浏览器中得到了很好的支持，但是在一些老旧的浏览器中不支持。为了解决这个问题，可以使用 polyfill 或者使用其他技术实现类似的功能。
使用 polyfill
polyfill 是一种 JavaScript 库，可以让浏览器支持一些新的特性。可以使用 EventSource polyfill 库来让不支持 SSE 的浏览器支持 SSE。
------- -------------------------------------------------------------------------------
在页面中引入以上代码即可让不支持 SSE 的浏览器支持 SSE。
使用其他技术实现类似的功能
如果不想使用 polyfill，也可以使用其他技术实现类似的功能。例如使用 WebSocket、长轮询等技术来实现实时通信。
总结
Server-sent Events 是一种基于 HTTP 的服务器推送技术，可以实现实时通信。在现代浏览器中得到了很好的支持，但是在一些老旧的浏览器中不支持。可以使用 polyfill 或者使用其他技术实现类似的功能。SSE 在 Web 应用程序中有很多实际应用，例如聊天应用、实时更新数据等。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65f6132d2b3ccec22fe25d0a