Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

I am not emulating mobile devices. How do I disable the Chrome DevTools device emulator?

Tags:

google-chrome

google-chrome-devtools

Since recent updates, Chrome DevTools now shows a useful device emulator:

enter image description here

Which is great, but I'm not emulating anything:

  • All the options in Device are unticked
  • All the options in Media are unticked
  • All the options in Network are unselected
  • All the options in Sensors are unticked

Clicking the 'reset' button also still shows the emulation bar.

How can I turn Chrome DevTools device emulator off when I am not using it?

like image 287
mikemaccana Avatar asked Oct 13 '14 17:10

mikemaccana

People also ask

How do I disable Chrome emulator?

To enable Device Mode Press F12 to open Chrome DevTools. You can also toggle device mode on/off using the keyboard shortcut: Ctrl+Shift+M (or Cmd+Shift+M on Mac).

How do I get rid of Chrome DevTools?

Press Cmd + Shift + P (Mac) or Cmd + Shift + P (Windows, Linux, Chrome OS) to open the Command Menu, then start typing bottom / left / right / undock .

2 Answers

Open Developer Tools and click the "phone" icon - upper left corner. This toggles the ruler on and off.

Toggle device toolbar screenshot

like image 188
Havel Avatar answered Nov 10 '22 03:11

Havel

You can also use the keyboard shortcut: Windows: Ctrl + Shift + M Mac: Cmd + Shift + M

like image 26
jaredwilli Avatar answered Nov 10 '22 03:11

jaredwilli
Sign in to Comment

Related questions

Chrome, pdf display, Duplicate headers received from the server
$ Variable in Chrome?
Chrome console shows me "Navigated to http://localhost...."
Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH
Simple jQuery selector only selects first element in Chrome..?
Unexpected token ILLEGAL in webkit
Restoring console.log()
What is the source of the double-dollar sign selector query function in Chrome/Firefox?
Searching for HTML elements in Chrome DevTools
Setting the value of 'dataURL' exceeded the quota
How to develop Chrome extension for Gmail?
What is the experience with Google 'Omaha' (their auto-update engine for Chrome)?
How to inspect JavaScript function return value in Chrome debugger?
CORS request - why are the cookies not sent?
Replay HTTP POST in google chrome Developer
Chrome DevTools converts all HEX Colors to RGB
Chrome: Source of Post Data?
Where does Chrome store cookies?
Any way to start Google Chrome in headless mode?
How do I copy cookies from Chrome?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!