KENDO UI ANGULAR检查CHROME中POPUP元素的样式

Question

请考虑一种情况，例如您有KENDO Angular UI组件...例如纯下拉列表。

当您单击下拉菜单时，它将显示您的菜单。现在，您要检查此菜单的样式或此菜单中许多项目之一的样式。

所以您将右键单击>检查...，然后呢？

什么也没有，因为您单击鼠标左键以确认您的订单，并且下拉菜单已消失，所以您在开发人员工具中将看不到任何东西。

第二件事是您找不到触发此下拉菜单打开的任何js脚本。

第三件事是您可以使用开发人员工具功能ctrl + shift + c，这样您至少可以看到一些类，但是看不到样式本身。

还有其他选择如何检查这个立即消失的窗户？

非常感谢：）

Answer 1

暂时阻止close event：

EXAMPLE

Answer 2

检查剑道弹出窗口的最简单方法是在开发工具中打开事件侦听器断点。在Chrome（F12）中打开您的开发人员工具，导航至来源标签并启用鼠标事件。它会叠加在您的每次点击上。您将可以检查剑道弹出窗口

查看屏幕截图：

Answer 3

答案是： 您可以强制打开剑道角度组件进行检查：

通过@ ViewChild / Content捕获下拉菜单并添加以下行

this.dropdownlist.toggle（true）;