Ask Different is a question and answer site for power users of Apple hardware and software. It only takes a minute to sign up.
Sign up to join this community
Is there a way in Mac OS X 10.8.3 to open Google Chrome in full screen mode with dual monitors so that the Dev console appears on a second monitor?
This would seem to be the obvious and intuitive way to develop for the browser, but I wasn't able to find any hints or suggestions about how to accomplish this setup.
Many thanks.
Doesn't work as the implementation of Fullscreen-scaling in OSX (10.7, 10.8) currently only covers single-windows. Either Chrome provides its own implementation which could in fact display two windows over two displays, or - let's cross fingers - Apple implements this somewhere around 10.9 :)
I have (finally!) gotten this to work reliably in Chrome Version 28.0.1500.95 and OSX 10.8.4. Previously, I would only sometimes be able to get things to work in the way Matthew Helfgott described. Other times, the dev tools would just jump to its own full screen space. Here's how I got it to work every time:
If these instructions aren't clear enough, let me know and I can add screenshots.
So, I tend to use Chrome for JavaScript app development, but since around version 15/17 (or there about), its not been possible to open the debugger console in a separate window in a two monitor development environment. Thing is, if you open Safari 6.0.4 (and maybe earlier) and you show the developer console, there is an option to 'detach into separate window' by clicking the multi-monitor icon beside the close button to the left of the console. The fault here seems to be Google IMHO. Don't know what happened and have filed a bug about it but will add if I do. Hope that helps a little.... otherwise, if you're committed to Chrome and not concentrating on user experience, you can dock the console to the right hand side of the page you are looking at. That way you get a potentially buggy DOM, but at least you can inspect your code on a running page. Ok. In fact that sucks, but it might help until Google get it sorted out.
I am able to have the browser on one screen and the dev tools in another, both filling the screens, in the following steps
This doesn't use the Lion full screen but as others have said and is a common complaint this mode is unfortunately only compatible with one screen. I really hope Apple changes their tune about this soon and I hope this workaround is what you were looking for.
One solution to your problem is to update to Mavericks, which has this solved but not by default.
Whats happening is that when you go full screen, Mission Control ("four fingers up" on touchpad by default I think) is creating a new instance inside of Mission Control for that full screen separate from your actual monitors. You can see this by viewing the mission control while in full screen and while not in full screen.
You want to disable this. To do so:
Similar question at: https://superuser.com/questions/665004/how-do-you-prevent-the-dock-from-switching-monitors-in-osx-mavericks
Another solution that i used is to do the following -
I've been using a third-party app called Spectacle to work around the poor window manager in OSX and get "fullscreen" windows on both monitors when debugging in Chrome.
The default key chord to maximize a window (filling the screen but leaving the task bar in view), ⌥⌘F, let's me drag the devtools to my secondary screen and have both the main window and the console maximized on separate displays.
It's not a true fullscreen, but it's close enough.
You can open chrome dev tools in its own tab by visiting chrome-devtools://devtools/bundled/inspector.html.
This is often used when you are proxying traffic to the dev tools from a remote device. This is how the ios-webkit-debug-proxy works.
