按下 Chrome 调试工具旋转到横向按钮时，Angular 组件会重新加载

Posted 2023-03-07

【中文标题】按下 Chrome 调试工具旋转到横向按钮时，Angular 组件会重新加载

【英文标题】：Angular component reloads when pressing the Chrome debug tool rotate to landscape button

【发布时间】：2021-01-22 19:23:21

【问题描述】：

使用 Chrome 开发工具，在特定手机/平板电脑上的常规视图和横向视图之间切换（无响应）， 应用重新加载组件和 app.component.ts（构造函数和 ngOnInit）

问题 - 这是预期的行为吗？我在 1 天前没有注意到这一点，它只会在手机/平板电脑上触发重新加载，而不是在 devtools 的响应视图中。

仅供参考 - 我刚刚打开并运行了另一个项目，它也在这样做。

这是否意味着在实际的手机/平板电脑上，当用户从垂直模式切换到横向模式时，组件和项目将被重新加载，还是我在项目或 Chrome 中搞砸了？？？

如有任何调试帮助，我们将不胜感激

【问题讨论】：

我也有同样的问题。首先，我认为一些*** DOM 元素被重新渲染，但事实证明在 Firefox 中一切正常。此问题发生在 Chrome 版本 86.0.4240.75 上。

【参考方案1】：

发现这篇文章是因为我在 Windows Chrome 86.0.4240.75 上调试 React 应用时遇到了同样的问题。

这似乎是该版本中的一个错误。我更新到 Chrome 86.0.4240.111，问题不再发生。希望这也对你有用。

【参考方案2】：

您在使用 Firefox 开发工具时是否遇到同样的问题？ 我注意到，一旦我今天将我的谷歌浏览器更新到最新版本，我在每个网站上都会遇到这个问题，但是 Firefox 开发工具不会发生这种情况

【讨论】：

您好 Jovi，最好询问这些类型的附加信息作为对问题的评论，因为这不是建议的答案。

我会在 5 分钟后检查并通知您