检查新版Chrome中的下拉菜单 [英] Inspecting drop down menus in new Chrome

问题描述

我使用的是Chrome版本41.0.2272.101 m(最新)，并且此更新很混乱.他们说，当您打开检查器时，所有DOM更改都会在更改的元素上闪烁紫色(例如Firefox)，但是现在我无法检查任何悬停的对象(也像FF中一样)，这就是为什么我不喜欢在进行前端开发时使用它.

I'm on Chrome Version 41.0.2272.101 m (newest), and this update is messed up. They put it, when you have inspector open, that any DOM change will flash with purple on the changed element (like in Firefox), but now I cannot inspect any hovered object (also like in FF, which is why I don't like to use it when doing front end developing).

我说的是js触发的事件，例如superfish.以前，我可以将鼠标悬停在菜单上，并用检查器覆盖菜单，菜单将保持打开状态，然后我可以在检查器中查看创建了哪些伪元素，直接更改填充等，并查看更改.现在，当我将鼠标悬停在菜单上并右键单击以进行检查时，菜单将关闭，并且我无法对其进行检查！

I'm talking about js triggered events, like superfish for instance. Before, I could hover the menu, and cover the menu with the inspector, and the menu would stay opened, and I could go in the inspector see what pseudoelements are created, change the paddings and such directly, and see the change. Now, when I hover the menu, and right click to inspect it, the menu closes, and I cannot inspect it!

我试图将检查员拖到一边，但没有任何帮助.这个新的功能"令人讨厌.有没有一种方法可以检查js触发的事件，而无需在元素上设置断点(这是可行的，但是有点麻烦)?

I tried dragging the inspector over, but nothing helped. This new 'feature' is annoying as hell. Is there a way to inspect js triggered events, without putting break points on elements (which works, but is kinda pain in the ass)?

推荐答案

用鼠标悬停在元素上，然后按F8键(仅在Chrome中有效)以暂停脚本执行.悬停状态对您仍然可见.如果您使用的是Mac，则可能需要打开系统偏好设置，然后选中使用所有F1，F2等"复选框(或者简单地使用fn + F8).

Hover over the element with your mouse and press F8 (this will only work in Chrome) to pause the script execution. The hover state will remain in visible to you. If you're on a Mac, you may have to open system preferences and check off "Use all F1,F2,etc" check box (Or simply use fn + F8).

有时，只有在检查器的源"选项卡中，它才起作用.

这篇关于检查新版Chrome中的下拉菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！