# window-placement-demo

**Repository Path**: xiejindong/window-placement-demo

## Basic Information

- **Project Name**: window-placement-demo
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-08
- **Last Updated**: 2025-05-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Window Management Demo

This is a demo of [Window Management](https://w3c.github.io/window-management/) web platform APIs:
* Window Management (nee "Multi-Screen Window Placement") launched in Chrome 100 ([ChromeStatus](https://chromestatus.com/feature/5252960583942144))
* Fullscreen Companion Window launched in Chrome 104 ([ChromeStatus](https://chromestatus.com/feature/5173162437246976))
* Fullscreen Capability Delegation launched in Chrome 104 ([ChromeStatus](https://chromestatus.com/feature/6441688242323456))
* Accurate Screen Labels launched in Chrome 105 ([ChromeStatus](https://chromestatus.com/feature/6317530778959872)) 

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](https://github.com/michaelwasserman/iwa-windowing-example) demonstrates [HTML Fullscreen Without A Gesture](https://github.com/explainers-by-googlers/html-fullscreen-without-a-gesture)

## Instructions

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

**[Optional]** Host this demo locally and run it:
```console
$ 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](https://chromium.googlesource.com/chromiumos/docs/+/master/simple_chrome_workflow.md)
builds, use
[--ash-host-window-bounds](https://cs.chromium.org/chromium/src/ui/display/display_switches.cc?type=cs&q=ash-host-window-bounds&sq=package:chromium&g=0&l=34-40):
```console
$ out/cros_Default/chrome --ash-host-window-bounds=1280x960,1285+0-1280x960 -- "http://localhost:8000"
```

## Screen Capture

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

<a href="enhancement_screen_capture.webm"><img src="enhancement_screen_capture.png" alt="Enhancement Screen Capture - linux-chromeos with two virtual displays" width="1200"></a>