Html 正在检查div的样式，该样式仅在按下鼠标按钮时显示

在页面中，我有一个div，在我按住鼠标按钮时添加了JS，并在松开按钮后立即删除。 （它是jquerydraggable的一部分）

是否可以在Firefox或Chrome（或其他一些）开发工具中检查此div的样式

额外的分数，如果答案不建议修改代码

编辑：当div不可见（未按下鼠标按钮）时，它根本不在DOM中。

是， 您可以做一件事：在要检查的浏览器上呈现页面，然后转到浏览器开发工具（inspect元素）的console选项卡，然后执行javascript，如下所示：

var targetNode = document.querySelector ("div");
if (targetNode) {
    /*--- Simulate a natural mouse-click sequence. Keep open any one line at a time based on the event you want to test. */
    triggerMouseEvent (targetNode, "mousedown");
    //triggerMouseEvent (targetNode, "mouseup");
}

function triggerMouseEvent (node, eventType) {
    var clickEvent = document.createEvent ('MouseEvents');
    clickEvent.initEvent (eventType, true, true);
    node.dispatchEvent (clickEvent);
}

在上面给出的代码中，您可以在IF条件中注释和取消注释这两行，每次一行，以触发mousedown事件或mouseup事件

在执行代码时，您可以在特定事件的浏览器中检查其样式

---

希望这能达到您的目的。

@OriDrori不幸的是，这个div根本不在DOM中。请在此处查看伪类：。尝试强制您需要单击的按钮处于“活动”状态。另一种可能的方法是打开浏览器窗口，旁边是开发人员控制台，通过查看控制台中的“元素”选项卡来跟踪HTML代码中的任何更改。