Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Keyboard shortcut to switch focus from web developer tools to page in Chrome on Mac

This question is directly related to following existing question with different tag:

Keyboard shortcut to switch focus from web developer tools to page in Chrome

As stated in the title, is there anyway we can switch focus from web developer tools to page in Chrome on Mac OSX.

I looked up online, and at Chrome Dev. doc and help forum, nothing there but they pointed to SO for an answer. Here are some links regarding this question, I already found useless:

  • https://developers.google.com/chrome-developer-tools/docs/shortcuts
  • https://groups.google.com/forum/?fromgroups#!topic/google-chrome-developer-tools
like image 299
Alvin T Avatar asked Oct 10 '12 15:10

Alvin T


People also ask

How do I change the Developer Tools shortcut in Chrome?

Open the shortcuts menu from the Command Menu (Cmd + Shift + P > Shortcuts). Select the Edit button next to a shortcut. Enter your desired shortcut via Add a shortcut link. Save your changes by selecting the checkmark.

How do you quickly switch tabs in Chrome Mac?

The keyboard shortcut Cmd + Shift + A (Mac) or Alt + Shift + A (Windows) is the easiest way to switch between tabs in Chrome. This shortcut pulls up a sidebar of your recent tabs.

What is the keyboard shortcut to open Devtools in Mac?

To open the developer console window on Chrome, use the keyboard shortcut Ctrl Shift J (on Windows) or Ctrl Option J (on Mac).


2 Answers

Press F6 three times. To go back to DevTools press F6 one time.

F6 loop the focus in this order:

  • Page
  • DevTools(if DevTools is open)
  • Address bar
  • Bookmarks
like image 100
Michel Alonso Avatar answered Oct 01 '22 18:10

Michel Alonso


You can move focus to the address bar with "Cmd + L". If you put javascript: in the address bar and hit the enter key, you can switch the focus to the page.

But javascript: is too long, isn't it? Then follow this.

  1. Go to Chrome Settings page (Cmd + ,)
  2. Click "Manage search engines..." in the Search section
  3. Add a new search engine with
    • any name e.g. Back to page
    • any keyword e.g. j
    • URL - javascript:

enter image description here Now you can move focus to the page only with j.

like image 22
Sanghyun Lee Avatar answered Oct 01 '22 17:10

Sanghyun Lee