electron/docs/api/screen.md

124 lines
2.9 KiB
Markdown
Raw Normal View History

2014-01-07 12:35:13 +00:00
# screen
> Retrieve information about screen size, displays, cursor position, etc.
2016-11-23 19:20:56 +00:00
Process: [Main](../glossary.md#main-process), [Renderer](../glossary.md#renderer-process)
2016-11-03 17:26:00 +00:00
You cannot require or use this module until the `ready` event of the `app`
module is emitted.
`screen` is an [EventEmitter](https://nodejs.org/api/events.html#events_class_eventemitter).
**Note:** In the renderer / DevTools, `window.screen` is a reserved DOM
property, so writing `let {screen} = require('electron')` will not work.
An example of creating a window that fills the whole screen:
```javascript
const electron = require('electron')
const {app, BrowserWindow} = electron
let win
app.on('ready', () => {
const {width, height} = electron.screen.getPrimaryDisplay().workAreaSize
win = new BrowserWindow({width, height})
win.loadURL('https://github.com')
})
2014-07-01 15:30:26 +00:00
```
2014-01-07 12:35:13 +00:00
Another example of creating a window in the external display:
```javascript
const electron = require('electron')
const {app, BrowserWindow} = require('electron')
let win
app.on('ready', () => {
let displays = electron.screen.getAllDisplays()
let externalDisplay = displays.find((display) => {
return display.bounds.x !== 0 || display.bounds.y !== 0
})
if (externalDisplay) {
2016-05-10 17:38:42 +00:00
win = new BrowserWindow({
x: externalDisplay.bounds.x + 50,
y: externalDisplay.bounds.y + 50
})
win.loadURL('https://github.com')
}
})
```
2015-08-29 05:24:54 +00:00
## Events
The `screen` module emits the following events:
### Event: 'display-added'
Returns:
* `event` Event
* `newDisplay` [Display](structures/display.md)
Emitted when `newDisplay` has been added.
2015-08-29 05:24:54 +00:00
### Event: 'display-removed'
Returns:
* `event` Event
* `oldDisplay` [Display](structures/display.md)
Emitted when `oldDisplay` has been removed.
2015-08-29 05:24:54 +00:00
### Event: 'display-metrics-changed'
Returns:
* `event` Event
* `display` [Display](structures/display.md)
* `changedMetrics` String[]
2015-08-29 05:24:54 +00:00
Emitted when one or more metrics change in a `display`. The `changedMetrics` is
an array of strings that describe the changes. Possible changes are `bounds`,
`workArea`, `scaleFactor` and `rotation`.
2015-08-29 05:24:54 +00:00
## Methods
The `screen` module has the following methods:
### `screen.getCursorScreenPoint()`
2014-01-07 12:35:13 +00:00
Returns [`Point`](structures/point.md)
The current absolute position of the mouse pointer.
2014-01-07 12:35:13 +00:00
2017-05-24 02:39:54 +00:00
### `screen.getMenuBarHeight()` _macOS_
2017-05-24 02:24:56 +00:00
2017-05-24 03:27:55 +00:00
Returns `Integer` - Height
2017-05-24 02:24:56 +00:00
The height of toolbar in pixels.
2015-08-29 05:24:54 +00:00
### `screen.getPrimaryDisplay()`
2014-01-07 12:35:13 +00:00
2016-12-19 17:40:07 +00:00
Returns [`Display`](structures/display.md) - The primary display.
2015-08-29 05:24:54 +00:00
### `screen.getAllDisplays()`
2016-12-19 17:40:07 +00:00
Returns [`Display[]`](structures/display.md) - An array of displays that are currently available.
2015-08-29 05:24:54 +00:00
### `screen.getDisplayNearestPoint(point)`
* `point` [Point](structures/point.md)
2016-12-19 17:40:07 +00:00
Returns [`Display`](structures/display.md) - The display nearest the specified point.
2015-08-29 05:24:54 +00:00
### `screen.getDisplayMatching(rect)`
2016-10-08 02:09:31 +00:00
* `rect` [Rectangle](structures/rectangle.md)
2016-12-21 08:43:47 +00:00
Returns [`Display`](structures/display.md) - The display that most closely
2016-12-19 17:40:07 +00:00
intersects the provided bounds.