javascript - 在 Chrome 开发者工具中检查 Javascript Hover

Question

我有一些 Javascript，可以在悬停时显示一个元素。我想要设置此元素的样式，因此需要使用 Chrome 开发工具触发浏览器中的悬停状态。

使用 CSS 可以轻松实现这一点，您可以在开发工具中设置元素的状态。使用 Javascript 执行此操作的最佳方法是什么？

代码示例:

$('#menu').hover(
    function() {
        console.log('test');
        $('#dropdown').show();
    },

    function() {
        $('#dropdown').hide();
    }
);

Answer 1

另一种选择是将鼠标悬停在元素上并按 F8(这仅适用于 Chrome)来暂停脚本执行。悬停状态将保持对您可见。