如何使用开发人员工具启用元素的 mouseenter/mouseover 状态以进行调试?

2 javascript css typescript angular-material angular

有没有类似于激活悬停状态(CSS)来激活javascript事件的东西?

在此输入图像描述

所以我使用 Angular Materials 工具提示。一切正常。我需要根据主题设置工具提示的样式,但无法检查该元素,因为它仅在鼠标移到该元素上时才可见。

https://material.angular.io/components/tooltip/examples#tooltip-custom-class 自定义类有效,我可以更改颜色。我想更改宽度和其他 CSS 属性,但无法检查元素来检查默认应用的样式。

所以主要问题是: 是否有类似于激活悬停状态(CSS)来激活javascript事件(mouseover/mouseenter)的东西?

dt1*_*170 5

捕捉mouseenter:mouseleave事件的一个很酷的技巧:

  1. 打开控制台(在浏览器中)然后输入:

setTimeout(() => {debugger;}, 5000)

按 Enter 并将鼠标悬停在项目上方 5 秒后,您可以调试/设置元素的样式。

  1. 在浏览器中打开源选项卡,然后按 F8