Search code examples
google-chromegoogle-chrome-devtoolschromium

Is there a way to hide the bubbles when you hover over an element i devtools?

In Chrome and Chromium, when you hover over an element i devtools a bubble appears next to the element on the web page? Is there a way to disable it?

My problem is that it is in the way for me to see if 2 elements align. No hover, all elements are clearly visible

Hover over span to see if aligns with the line above but the bubble covers it

Solution

  • Apparently holding down Ctrl while hovering will hide the bubble. Note that you must hold down Ctrl before hovering.