运行“ng serve --watch”时，浏览器如何知道源有任何更改时何时刷新？答案

【问题标题】：When running "ng serve --watch" how does the browser know when to refresh when there is any change to the sources?运行“ng serve --watch”时，浏览器如何知道源有任何更改时何时刷新？
【发布时间】：2018-02-04 06:39:40
【问题描述】：

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

ng 服务 --watch

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

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

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

【问题讨论】：

我认为它使用网络套接字
@CUGreen，你是对的。我只是检查每个响应，其中有一个指示切换到 websocket。

标签： angular angular-cli

【解决方案1】：

Web 套接字。

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

通过在 chrome 开发工具中降低网络速度，我们将能够在发送到浏览器时看到 websocket 消息：

进行文件更改：

【讨论】：

酷！比我需要的多！