Bring Chrome tab to foreground from Devtools window

Question

Opening devtools is easy enough, but what if i'm lost in a sea of chrome windows and tabs? Is it possible to bring the attached chrome window/tab on to the screen from the Devtools window?

-note this only makes sense if you have devtools running on a separate window-

Answer 1

This one was bugging me. I knew there had to be some hack to make this possible. Of course, the solution is one of the first friends that we meet in JavaScript land.

Open up the DevTools Console and type:

alert('show me');

Another workflow mentioned by @morgunkorn on Twitter is to press Command+Shift+D (use Control instead of Command on Windows / Linux) to dock the DevTools window, which brings the tab to focus, and then press that combo again to return DevTools to its undocked setup.