Opening a new browser page on the second monitor

Question

Well, simple situation. Is it possible to detect if a user has a dual monitor setup from a web application? If this is possible, is it possible to open a child browser page on this second monitor, so the new window doesn't overlap the old one?

Reason why I ask: I'm working on a web application and at home I have a dual-monitor system. When I go to the administration part of this site, I want it to open in a new browser, preferably on the other desktop. Of course, I could just click, then drag the new window, but doing this automatically seems more fun. :-)

Don't think JavaScript has the proper functions for this. How about Java itself?

Solution 1

I don't think you'll be able to directly detect a dual monitor setup, but you can probably make a good guess by looking at their screen resolution, using javascript's screen.width and screen.height. If the ratio of the width to the height is 8:3, its a good chance they have 2 standard 4:3 monitors side by side. You can do a similar calculation for 16:9 or 16:10.

Solution 2

Using maxpower47's suggestion about resolution, the only way to display the page on the other monitor would be to open a popup, and use the options to set the top, right, width and height properties so the window will appear on the second monitor in a decent size.

Here is a link that describes how to do this: http://www.netmechanic.com/news/vol4/javascript_no7.htm

Comments

[Marcel]

On Windows 7 using Chrome, Firefox, Safari, Opera and Internet Explorer, only the dimensions of the monitor the browser is active in are detected so this wouldn't work.

[Ashraf Sabry]

Did anyone try this solution? Is it known to work on different browsers?

[Luca Detomi]

Any chance to detect also the second monitor resolution, in order to use maxpower47's idea?

[David R Tribble]

Firefox (v38) only allows window.open() to open a new window in the main monitor, ignoring top and left settings that exceed the monitor resolution. Also, subsequent calls to window.moveTo() will not reposition the window outside the main monitor.

[Doc Davluz]

Because the aforementioned link is dead, here is the code taken from the Wayback Machine: window.open(<url>, 'nextWin', 'right=0, top=20, width=350, height=350, toolbar=yes, scrollbars=yes, resizable=yes').