当运行＆＃34; ng serve --watch＆＃34;当源有任何更改时，浏览器如何知道何时刷新？

Question

我使用的是angular-cli 1.6.5节点6.9.1。我使用以下命令运行我的应用程序：

  

ng serve --watch

当我更改我的打字稿或HTML源代码（例如app.component.ts）时，浏览器会自动刷新。

我的问题是，浏览器如何知道何时刷新？我没有看到任何请求从浏览器发送到应用程序，反之亦然。除了页面刷新之外，我无法在浏览器上看到网络流量。

为清楚起见，我的问题不是Angular如何检测DOM元素或绑定到它的模型对象的更改。

Answer 1

Web套接字。

ng serve启动一个服务器，该服务器监视文件更改并使用新哈希向客户端发送Web套接字消息。

通过在chrome dev工具中使网络速度变慢，我们将能够在将websocket消息发送到浏览器时看到它们：

更改文件：