Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there a way to control browser size and position across multiple displays / monitors?

Preface

First of all, I am very well aware that webapps should not fiddle with window size or position. Been through a lot of similar SO questions and forum posts.

But this is a special case, where the browser is just a platform to run an app on several specific machines in a controlled environment.

Task

The app should manage windows across several displays. (up to 5)

What I've tried until now

  1. Searched for methods for gaining information about the host system display information, but the window.screen object only reports properties of the display the window is currently on (or considered to be on, if it is halfway on one)
  2. Tried window.moveTo and window.open with flags "left=123,top=123" but they are always limited to the current display
  3. Tried window.resize and window.open with flags "height=123,width=123" but just as with the moveTo they are limited to the current display.

Question

What could I do to make my application use (without manual window positioning) all the available space in a multi display environment?

Scenario

Think of it like I have two projectors correctly aligned, and would like to make it possible for:

  • each project to project different things (each projector projecting its own browser window)
  • project an app seamlessly across both projectors (possibly fullscreen)

There could/should be a window running the master window layout logic

Note

I can use any flags, app or kiosk mode, as again: we deploy the app to the target environment.

The browser options are Chrome(preferred), Chromium, and Firefox on a Windows platform (because of the special video card we will be using for 5 displays).

Fallback solution

Manually stretch a window across available displays and run the apps in iframes within this master window.

Drawback: A single process is running everything, so should an app break within a frame it breaks everything.

Afterword

Also a solution to this question would be a great help as well: Windows / Chrome / ATI / Browser fullscreen across multiple monitors

like image 802
Matyas Avatar asked Feb 05 '14 14:02

Matyas


People also ask

How do I stretch Chrome across two monitors?

Move your windows to the left screen and place your mouse cursor on the left end of the window and press + hold and pull to stretch it, that would extend to the next screen as well and it would stay until u close the windows. Note : you would need to perform this for every windows and application individually.

How do I move my browser to another monitor?

If you want to move a window to a display located to the left of your current display, press Windows + Shift + Left Arrow. If you want to move a window to a display located to the right of your current display, press Windows + Shift + Right Arrow.

Why is my second monitor the wrong size?

The solution for wrong size icons or screen resolution is to choose each monitor to access it's resolution and set it to highest or best resolution, including if necessary changing the Scaling to make everything appear larger.


1 Answers

Go with a chrome/firefox extension that has access to window/tabs specific APIs. Either embed your whole application in the extension or communicate with the extension through messages (chrome, there's an equivalent on firefox).

Support in Chrome is experimental.

like image 148
Sergiu Paraschiv Avatar answered Sep 16 '22 17:09

Sergiu Paraschiv