Angular Cli：禁用浏览器控制台的实时重新加载

Question

我知道我们可以在启动 Angular cli 时禁用实时重新加载（请参阅Angular cli - how to disable auto reload when ngserve）

我希望能够通过设置全局变量或调用全局命令从浏览器控制台禁用它（并稍后重新启用它）。是否可以 ？

Answer 1

我知道这已经很旧了，但我在尝试做同样的事情时遇到了它。

虽然我找不到要修改的全局对象，但我确实找到了其他一些方法。

1. 您可以使用浏览器开发工具的“请求阻止”功能。

   • 在开发工具中打开请求阻止选项卡
   • 添加您的 webpack 开发服务器热重载尝试连接的 URL，例如“ http://localhost:4201/sockjs-node/ *”
   • 然后您必须重新加载页面才能使其工作

2. 如果您不想重新加载，可以编辑内存中 webpack 客户端属性“hotReload”的值。

   • 在开发工具的“源”选项卡中打开 js 文件“webpack:///(webpack)-dev-server/client”。
   • 在 reloadApp() 函数的第一行代码中添加一个断点，用于检查 hotReload 属性（对我来说，这是第 220 行）
   • 通过更改文件触发热重载，您的浏览器应该在断点处中断。
   • 现在，您可以在调试器的当前作用域部分中将 hotReload 的值设置为 false。
   • 现在点击播放并删除断点。现在应该忽略重新加载。

我在 Chrome 中完成了所有这些操作，但在您选择的浏览器中可能会起到相同的作用。