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

Pav*_*nta 4 styles google-chrome popup inspect kendo-ui

考虑一种情况,例如您有 KENDO Angular UI 组件......例如普通下拉菜单。

当您单击下拉菜单时,它会向您显示其菜单。现在您要检查此菜单的样式或此菜单中多个项目之一的样式。

所以你会做右键单击>检查...和?

什么都没有,因为您确实左键单击以确认您的订单,并且下拉菜单消失了,因此您在开发人员工具中看不到任何内容。

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

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

还有其他选择如何检查这个立即消失的窗口吗?

非常感谢您 :)

小智 10

暂时阻止关闭事件

例子


小智 5

检查kendo弹出窗口的最简单方法是在开发工具中打开事件侦听器断点。在 Chrome 中打开开发者工具 (F12),导航到Sources选项卡并启用Mouse events。它会叠加在您的每次点击上。您将能够检查剑道弹出窗口

看截图:

Chrome开发者工具截图