KENDO UI ANGULAR 检查 CHROME 中 POPUP 元素的样式
KENDO UI ANGULAR inspect STYLES of POPUP element in CHROME
考虑一种情况，例如您有 KENDO Angular UI 组件...例如普通下拉列表。
当您单击下拉菜单时，它会显示其菜单。现在您想要检查此菜单的样式或此菜单中许多项目之一的样式。
所以你会做右击 > 检查...和？
什么也没有，因为您左键单击以确认您的订单和下拉菜单已经消失，因此您将不会在开发人员工具中看到任何内容。
第二件事是您找不到任何触发此下拉菜单打开的 js 脚本。
第三件事是您可以使用开发人员工具功能 ctrl + shift + c 这样您至少可以看到一些 类，但您看不到样式本身。
是否有任何其他选项如何检查这个立即消失的windows？
非常感谢:)
暂时阻止 close event:
答案是：
您可以强制打开 kendo angular 组件进行检查：
通过@ViewChild/Content 捕获您的下拉列表并添加以下行
this.dropdownlist.toggle（真）；
检查 kendo 弹出窗口的最简单方法是在开发工具中打开 事件侦听器断点 。在 Chrome (F12) 中打开您的开发者工具，导航到 Sources 选项卡并启用 Mouse events。它会叠加在您的每次点击上。您将能够检查 kendo 弹出窗口
见截图：
考虑一种情况，例如您有 KENDO Angular UI 组件...例如普通下拉列表。
当您单击下拉菜单时，它会显示其菜单。现在您想要检查此菜单的样式或此菜单中许多项目之一的样式。
所以你会做右击 > 检查...和？
什么也没有，因为您左键单击以确认您的订单和下拉菜单已经消失，因此您将不会在开发人员工具中看到任何内容。
第二件事是您找不到任何触发此下拉菜单打开的 js 脚本。
第三件事是您可以使用开发人员工具功能 ctrl + shift + c 这样您至少可以看到一些 类，但您看不到样式本身。
是否有任何其他选项如何检查这个立即消失的windows？
非常感谢:)
暂时阻止 close event:
答案是： 您可以强制打开 kendo angular 组件进行检查：
通过@ViewChild/Content 捕获您的下拉列表并添加以下行
this.dropdownlist.toggle（真）；
检查 kendo 弹出窗口的最简单方法是在开发工具中打开 事件侦听器断点 。在 Chrome (F12) 中打开您的开发者工具，导航到 Sources 选项卡并启用 Mouse events。它会叠加在您的每次点击上。您将能够检查 kendo 弹出窗口
见截图：