This is a demo of Window Management web platform APIs:

• Window Management (nee "Multi-Screen Window Placement") launched in Chrome 100 (ChromeStatus)
• Fullscreen Companion Window launched in Chrome 104 (ChromeStatus)
• Fullscreen Capability Delegation launched in Chrome 104 (ChromeStatus)
• Accurate Screen Labels launched in Chrome 105 (ChromeStatus)

Functionality includes:

• Show multi-screen details in a visualized arrangement that updates automatically
• Place fullscreen content or popup windows on specific screens
• Request fullscreen and open a popup via 'Fullscreen slide and open notes' (or press the "s" key) with 2+ screens
• Request fullscreen from another window via 'Fullscreen opener' (or press the "s" key) on a popup

Related work:

• iwa-windowing-example demonstrates HTML Fullscreen Without A Gesture

Run the demo on Chrome 105+ at https://michaelwasserman.github.io/window-placement-demo

[Optional] Host this demo locally and run it:

$ git clone https://github.com/michaelwasserman/window-placement-demo.git
$ cd window-placement-demo
$ python -m http.server &
$ chrome -- "http://localhost:8000"

To simulate multiple displays with linux-chromeos builds, use --ash-host-window-bounds:

$ out/cros_Default/chrome --ash-host-window-bounds=1280x960,1285+0-1280x960 -- "http://localhost:8000"

This screen capture shows some functionality on linux-chromeos with two virtual displays