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.
The app should manage windows across several displays. (up to 5)
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)window.moveTo
and window.open
with flags "left=123,top=123"
but they are always limited to the current displaywindow.resize
and window.open
with flags "height=123,width=123"
but just as with the moveTo
they are limited to the current display. What could I do to make my application use (without manual window positioning) all the available space in a multi display environment?
Think of it like I have two projectors correctly aligned, and would like to make it possible for:
There could/should be a window running the master window layout logic
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).
Manually stretch a window across available displays and run the apps in iframe
s within this master window
.
Drawback: A single process is running everything, so should an app break within a frame it breaks everything.
Also a solution to this question would be a great help as well: Windows / Chrome / ATI / Browser fullscreen across multiple 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.
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.
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.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With