There used to be an option, "Emulate a focused page," under "Global preferences" in Chrome developer tools. However, I am not able to find that option anymore.
Any ideas?
You can enable the “Emulate a focused page” option from Chrome DevTools to keep the autocomplete panel open when inspecting the DOM. You can also access this option by hitting ⌘ Command + ⇧ Shift + P and searching for it.
Chrome now comes with a built-in feature that allows you to emulate your site in many size of device screen and resolution. To enable it, open the Developer Tools Setting by navigating from the View > Developer > Developer Tools menu.
VIEW HIDDEN ELEMENTS: The extension makes visible those elements hidden by the "display:none", "type=hidden", and "visibility=hidden" attributes / styles. To do this hit LazySec's "Show Hidden Elements" button.
After enabling this option, if you click anywhere on the devtool window, it wouldn't cause loss of focus on any element in the DOM. Go to devtool settings -> preferences and under Global option, enable Emulate a focused page.
In chrome devtools settings, there is an option named Emulate a focused page. Which is disabled by default. After enabling this option, if you click anywhere on the devtool window, it wouldn't cause loss of focus on any element in the DOM.
It is no longer available in settings. Press Command+Shift+P (Mac) or Control+Shift+P (Windows, Linux) to open the Command Menu. Start typing Rendering in the Command Menu and select Show Rendering. There you can enable Emulate a focused page.
In Chrome on the developer tools page for the page under test... click the options menu and open settings for preferences... under DevTools enable 'Emulate a focused page'
There are two ways to invoke it now:
A checkbox in Rendering
panel
Command panel:
emfo
to find the Emulate a focused page
itemIf you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With