Back to TIL
March 2025
posted on 03.13.2025

Emulate a focused page in DevTools

If you switch focus from the current page to the Chrome DevTools, some overlay elements automatically hide if they are triggered by focus. For example, dropdown menus.

The Chrome DevTools have a feature to emulate page focus. Press Ctrl+Shift+P (or Cmd+Shift+P on macOS) and search for "Emulate a focused page". You won't lose focus of the page while inspecting the elements.

Screenshot 2023-10-25 at 10 32 59 PM
Click to enlarge
Screenshot 2023-10-25 at 10 32 59 PM

No reactions yet

in Naperville, IL
Last visitor from Mitaka, Japan