简体繁体 English

Angular 开发工具将源显示为 Window.addEventListener:message in Profiler

[英]Angular Dev Tools shows source as Window.addEventListener:message in Profiler

原文 2021-11-22 17:03:08 9 1 angular

I tried Angular Dev Tools Extension on a fairly complex Angular application.我在一个相当复杂的 Angular 应用程序上尝试了 Angular 开发工具扩展。 On the profiler tab, the moment I click "Start recording", even before I could move the cursor away from start button, I see there is a continuous stream of change detection cycles.在分析器选项卡上，当我单击“开始录制”时，甚至在我将 cursor 从开始按钮移开之前，我看到有一个连续的 stream 变化检测周期。 The Source is reported as "Window.addEventListener:message".源报告为“Window.addEventListener:message”。 Please see the screenshot below请看下面的截图

How can I find what could be causing these events and hence the numerous change detection cycles?我怎样才能找到可能导致这些事件的原因，从而导致众多的变更检测周期？
As seen in the screenshot there is a method called "changes" listed on the right under the component details.如屏幕截图所示，在组件详细信息的右侧列出了一个名为“更改”的方法。 The CasePanelComponent does even have ngOnChanges() method, so what is being referred to here by "changes" method? CasePanelComponent 甚至有 ngOnChanges() 方法，那么“更改”方法在这里指的是什么？

1 个解决方案

Redux DevTools interferes with Angular Dev tools. Redux 开发工具会干扰 Angular 开发工具。 And the only option available currently is to disable Redux Dev tools.目前唯一可用的选项是禁用 Redux 开发工具。

Please see https://github.com/rangle/angular-devtools/issues/825 for more details.有关详细信息，请参阅https://github.com/rangle/angular-devtools/issues/825 。

如何以角度在 window.addEventListener 中添加 querySelector？ - How to add querySelector in window.addEventListener in angular?

Angular是否具有类似于window.addEventListener的功能？ - Do Angular has a similar function like window.addEventListener?

模拟 window.addEventListener() 方法 - mock window.addEventListener() method

如何在Chrome开发工具中获取地图角度CLI css文件？ - How to Source Map Angular CLI css files in Chrome Dev Tools?

从window.addEventListener（MessageEvent）中取出值event.data以执行新功能 - Take out a value event.data out of a window.addEventListener (MessageEvent) to execute a new function

角茉莉花spyOn（$ window，'addEventListener'）; 不行 - angular jasmine spyOn($window, 'addEventListener'); not work

在Chrome开发工具中调试导入的Angular库 - Debugging imported Angular library in chrome dev tools

Chrome Dev工具中的“源”面板即使被映射也为空 - Source panel in Chrome Dev tools empty even when mapped

Angular上的浮动窗口显示下面的窗口？ - Floating window on Angular that shows window below?

Javascript Angular 6通过浏览器开发工具更改安全性 - Javascript Angular 6 change security through browser dev tools

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何以角度在 window.addEventListener 中添加 querySelector？ - How to add querySelector in window.addEventListener in angular? Angular是否具有类似于window.addEventListener的功能？ - Do Angular has a similar function like window.addEventListener? 模拟 window.addEventListener() 方法 - mock window.addEventListener() method 如何在Chrome开发工具中获取地图角度CLI css文件？ - How to Source Map Angular CLI css files in Chrome Dev Tools? 从window.addEventListener（MessageEvent）中取出值event.data以执行新功能 - Take out a value event.data out of a window.addEventListener (MessageEvent) to execute a new function 角茉莉花spyOn（$ window，'addEventListener'）; 不行 - angular jasmine spyOn($window, 'addEventListener'); not work 在Chrome开发工具中调试导入的Angular库 - Debugging imported Angular library in chrome dev tools Chrome Dev工具中的“源”面板即使被映射也为空 - Source panel in Chrome Dev tools empty even when mapped Angular上的浮动窗口显示下面的窗口？ - Floating window on Angular that shows window below? Javascript Angular 6通过浏览器开发工具更改安全性 - Javascript Angular 6 change security through browser dev tools

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM