1350 lines
37 KiB
Markdown
1350 lines
37 KiB
Markdown
# BrowserWindow
|
||
|
||
The `BrowserWindow` class gives you the ability to create a browser window, for
|
||
example:
|
||
|
||
```javascript
|
||
var BrowserWindow = require('browser-window');
|
||
|
||
var win = new BrowserWindow({ width: 800, height: 600, show: false });
|
||
win.on('closed', function() {
|
||
win = null;
|
||
});
|
||
|
||
win.loadUrl('https://github.com');
|
||
win.show();
|
||
```
|
||
|
||
You can also create a window without chrome by using
|
||
[Frameless Window](frameless-window.md) API.
|
||
|
||
## Class: BrowserWindow
|
||
|
||
`BrowserWindow` is an
|
||
[EventEmitter](http://nodejs.org/api/events.html#events_class_events_eventemitter).
|
||
|
||
It creates a new `BrowserWindow` with native properties as set by the `options`.
|
||
Properties `width` and `height` are required.
|
||
|
||
### `new BrowserWindow(options)`
|
||
|
||
`options` Object, properties:
|
||
|
||
* `width` Integer **required** - Window's width.
|
||
* `height` Integer **required** - Window's height.
|
||
* `x` Integer - Window's left offset from screen.
|
||
* `y` Integer - Window's top offset from screen.
|
||
* `use-content-size` Boolean - The `width` and `height` would be used as web
|
||
page's size, which means the actual window's size will include window
|
||
frame's size and be slightly larger.
|
||
* `center` Boolean - Show window in the center of the screen.
|
||
* `min-width` Integer - Window's minimum width.
|
||
* `min-height` Integer - Window's minimum height.
|
||
* `max-width` Integer - Window's maximum width.
|
||
* `max-height` Integer - Window's maximum height.
|
||
* `resizable` Boolean - Whether window is resizable.
|
||
* `always-on-top` Boolean - Whether the window should always stay on top of
|
||
other windows.
|
||
* `fullscreen` Boolean - Whether the window should show in fullscreen. When
|
||
set to `false` the fullscreen button will also be hidden on OS X.
|
||
* `skip-taskbar` Boolean - Whether to show the window in taskbar.
|
||
* `zoom-factor` Number - The default zoom factor of the page, `3.0` represents
|
||
`300%`.
|
||
* `kiosk` Boolean - The kiosk mode.
|
||
* `title` String - Default window title.
|
||
* `icon` [NativeImage](native-image.md) - The window icon, when omitted on
|
||
Windows the executable's icon would be used as window icon.
|
||
* `show` Boolean - Whether window should be shown when created.
|
||
* `frame` Boolean - Specify `false` to create a
|
||
[Frameless Window](frameless-window.md).
|
||
* `node-integration` Boolean - Whether node integration is enabled. Default
|
||
is `true`.
|
||
* `accept-first-mouse` Boolean - Whether the web view accepts a single
|
||
mouse-down event that simultaneously activates the window.
|
||
* `disable-auto-hide-cursor` Boolean - Whether to hide cursor when typing.
|
||
* `auto-hide-menu-bar` Boolean - Auto hide the menu bar unless the `Alt`
|
||
key is pressed.
|
||
* `enable-larger-than-screen` Boolean - Enable the window to be resized larger
|
||
than screen.
|
||
* `dark-theme` Boolean - Forces using dark theme for the window, only works on
|
||
some GTK+3 desktop environments.
|
||
* `preload` String - Specifies a script that will be loaded before other
|
||
scripts run in the window. This script will always have access to node APIs
|
||
no matter whether node integration is turned on for the window, and the path
|
||
of `preload` script has to be absolute path.
|
||
* `transparent` Boolean - Makes the window [transparent](frameless-window.md).
|
||
* `type` String - Specifies the type of the window, possible types are
|
||
`desktop`, `dock`, `toolbar`, `splash`, `notification`. This only works on
|
||
Linux.
|
||
* `standard-window` Boolean - Uses the OS X's standard window instead of the
|
||
textured window. Defaults to `true`.
|
||
* `web-preferences` Object - Settings of web page's features, properties:
|
||
* `javascript` Boolean
|
||
* `web-security` Boolean - When setting `false`, it will disable the
|
||
same-origin policy (Usually using testing websites by people), and set `allow_displaying_insecure_content`
|
||
and `allow_running_insecure_content` to `true` if these two options are not
|
||
set by user.
|
||
* `allow-displaying-insecure-content` Boolean - Allow an https page to display
|
||
content like images from http URLs.
|
||
* `allow-running-insecure-content` Boolean - Allow a https page to run
|
||
JavaScript, CSS or plugins from http URLs.
|
||
* `images` Boolean
|
||
* `java` Boolean
|
||
* `text-areas-are-resizable` Boolean
|
||
* `webgl` Boolean
|
||
* `webaudio` Boolean
|
||
* `plugins` Boolean - Whether plugins should be enabled, currently only
|
||
`NPAPI` plugins are supported.
|
||
* `extra-plugin-dirs` Array - Array of paths that would be searched for
|
||
plugins. Note that if you want to add a directory under your app, you
|
||
should use `__dirname` or `process.resourcesPath` to join the paths to
|
||
make them absolute, using relative paths would make Electron search
|
||
under current working directory.
|
||
* `experimental-features` Boolean
|
||
* `experimental-canvas-features` Boolean
|
||
* `subpixel-font-scaling` Boolean
|
||
* `overlay-scrollbars` Boolean
|
||
* `overlay-fullscreen-video` Boolean
|
||
* `shared-worker` Boolean
|
||
* `direct-write` Boolean - Whether the DirectWrite font rendering system on
|
||
Windows is enabled.
|
||
* `page-visibility` Boolean - Page would be forced to be always in visible
|
||
or hidden state once set, instead of reflecting current window's
|
||
visibility. Users can set it to `true` to prevent throttling of DOM
|
||
timers.
|
||
|
||
## Events
|
||
|
||
The `BrowserWindow` object emits the following events:
|
||
|
||
### Event: 'page-title-updated'
|
||
|
||
Returns:
|
||
|
||
* `event` Event
|
||
|
||
Emitted when the document changed its title, calling `event.preventDefault()`
|
||
would prevent the native window's title to change.
|
||
|
||
### Event: 'close'
|
||
|
||
Returns:
|
||
|
||
* `event` Event
|
||
|
||
Emitted when the window is going to be closed. It's emitted before the
|
||
`beforeunload` and `unload` event of the DOM. Calling `event.preventDefault()`
|
||
will cancel the close.
|
||
|
||
Usually you would want to use the `beforeunload` handler to decide whether the
|
||
window should be closed, which will also be called when the window is
|
||
reloaded. In Electron, returning an empty string or `false` would cancel the
|
||
close. For example:
|
||
|
||
```javascript
|
||
window.onbeforeunload = function(e) {
|
||
console.log('I do not want to be closed');
|
||
|
||
// Unlike usual browsers, in which a string should be returned and the user is
|
||
// prompted to confirm the page unload, Electron gives developers more options.
|
||
// Returning an empty string or `false` will prevent the unloading.
|
||
<<<<<<< HEAD
|
||
// You can also use the dialog API to let the user confirm closing the application.
|
||
e.returnValue = false;
|
||
=======
|
||
// You can also use the dialog API to let the user confirm closing the app.
|
||
return false;
|
||
>>>>>>> Line wrap 80-col
|
||
};
|
||
```
|
||
|
||
### Event: 'closed'
|
||
|
||
Emitted when the window is closed. After you have received this event you should
|
||
remove the reference to the window and avoid using it anymore.
|
||
|
||
### Event: 'unresponsive'
|
||
|
||
Emitted when the web page becomes unresponsive.
|
||
|
||
### Event: 'responsive'
|
||
|
||
Emitted when the unresponsive web page becomes responsive again.
|
||
|
||
### Event: 'blur'
|
||
|
||
Emitted when the window loses focus.
|
||
|
||
### Event: 'focus'
|
||
|
||
Emitted when the window gains focus.
|
||
|
||
### Event: 'maximize'
|
||
|
||
Emitted when window is maximized.
|
||
|
||
### Event: 'unmaximize'
|
||
|
||
Emitted when the window exits from maximized state.
|
||
|
||
### Event: 'minimize'
|
||
|
||
Emitted when the window is minimized.
|
||
|
||
### Event: 'restore'
|
||
|
||
Emitted when the window is restored from minimized state.
|
||
|
||
### Event: 'resize'
|
||
|
||
Emitted when the window is getting resized.
|
||
|
||
### Event: 'move'
|
||
|
||
Emitted when the window is getting moved to a new position.
|
||
|
||
__Note__: On OS X this event is just an alias of `moved`.
|
||
|
||
### Event: 'moved'
|
||
|
||
Emitted once when the window is moved to a new position.
|
||
|
||
__Note__: This event is available only on OS X.
|
||
|
||
### Event: 'enter-full-screen'
|
||
|
||
Emitted when the window enters full screen state.
|
||
|
||
### Event: 'leave-full-screen'
|
||
|
||
Emitted when the window leaves full screen state.
|
||
|
||
### Event: 'enter-html-full-screen'
|
||
|
||
Emitted when the window enters full screen state triggered by html api.
|
||
|
||
### Event: 'leave-html-full-screen'
|
||
|
||
Emitted when the window leaves full screen state triggered by html api.
|
||
|
||
### Event: 'devtools-opened'
|
||
|
||
Emitted when devtools is opened.
|
||
|
||
### Event: 'devtools-closed'
|
||
|
||
Emitted when devtools is closed.
|
||
|
||
### Event: 'devtools-focused'
|
||
|
||
Emitted when devtools is focused / opened.
|
||
|
||
### Event: 'app-command':
|
||
|
||
Emitted when an [App Command](https://msdn.microsoft.com/en-us/library/windows/desktop/ms646275(v=vs.85).aspx
|
||
is invoked. These are typically related to keyboard media keys or browser
|
||
commands, as well as the "Back" button built into some mice on Windows.
|
||
|
||
```js
|
||
someWindow.on('app-command', function(e, cmd) {
|
||
// Navigate the window back when the user hits their mouse back button
|
||
if (cmd === 'browser-backward' && someWindow.webContents.canGoBack()) {
|
||
someWindow.webContents.goBack();
|
||
}
|
||
});
|
||
```
|
||
|
||
__Note__: This event is only fired on Windows.
|
||
|
||
## Methods
|
||
|
||
The `BrowserWindow` object has the following methods:
|
||
|
||
### `BrowserWindow.getAllWindows()`
|
||
|
||
Returns an array of all opened browser windows.
|
||
|
||
### `BrowserWindow.getFocusedWindow()`
|
||
|
||
Returns the window that is focused in this application.
|
||
|
||
### `BrowserWindow.fromWebContents(webContents)`
|
||
|
||
* `webContents` [WebContents](#webcontents)
|
||
|
||
Find a window according to the `webContents` it owns.
|
||
|
||
### `BrowserWindow.fromId(id)`
|
||
|
||
* `id` Integer
|
||
|
||
Find a window according to its ID.
|
||
|
||
### `BrowserWindow.addDevToolsExtension(path)`
|
||
|
||
* `path` String
|
||
|
||
Adds devtools extension located at `path`, and returns extension's name.
|
||
|
||
The extension will be remembered so you only need to call this API once, this
|
||
API is not for programming use.
|
||
|
||
### `BrowserWindow.removeDevToolsExtension(name)`
|
||
|
||
* `name` String
|
||
|
||
Remove the devtools extension whose name is `name`.
|
||
|
||
## Instance Methods
|
||
|
||
Objects created with `new BrowserWindow` have the following instance methods:
|
||
|
||
```javascript
|
||
var BrowserWindow = require('browser-window');
|
||
|
||
// In this example `win` is our instance
|
||
var win = new BrowserWindow({ width: 800, height: 600 });
|
||
|
||
```
|
||
|
||
### `win.webContents`
|
||
|
||
The `WebContents` object this window owns, all web page related events and
|
||
operations will be done via it.
|
||
|
||
See the [`webContents` documentation](web-contents.md) for its methods and
|
||
events.
|
||
|
||
**Note:** Users should never store this object because it may become `null`
|
||
when the renderer process (web page) has crashed.
|
||
|
||
### `win.devToolsWebContents`
|
||
|
||
Get the `WebContents` of devtools for this window.
|
||
|
||
**Note:** Users should never store this object because it may become `null`
|
||
when the devtools has been closed.
|
||
|
||
### `win.id`
|
||
|
||
Get the unique ID of this window.
|
||
|
||
### `win.destroy()`
|
||
|
||
Force closing the window, the `unload` and `beforeunload` event won't be emitted
|
||
for the web page, and `close` event will also not be emitted
|
||
for this window, but it guarantees the `closed` event will be emitted.
|
||
|
||
You should only use this method when the renderer process (web page) has crashed.
|
||
|
||
### `win.close()`
|
||
|
||
Try to close the window, this has the same effect with user manually clicking
|
||
the close button of the window. The web page may cancel the close though, see
|
||
the [close event](#event-close).
|
||
|
||
### `win.focus()`
|
||
|
||
Focus on the window.
|
||
|
||
### `win.isFocused()`
|
||
|
||
Returns a boolean, whether the window is focused.
|
||
|
||
### `win.show()`
|
||
|
||
Shows and gives focus to the window.
|
||
|
||
### `win.showInactive()`
|
||
|
||
Shows the window but doesn't focus on it.
|
||
|
||
### `win.hide()`
|
||
|
||
Hides the window.
|
||
|
||
### `win.isVisible()`
|
||
|
||
Returns a boolean, whether the window is visible to the user.
|
||
|
||
### `win.maximize()`
|
||
|
||
Maximizes the window.
|
||
|
||
### `win.unmaximize()`
|
||
|
||
Unmaximizes the window.
|
||
|
||
### `win.isMaximized()`
|
||
|
||
Returns a boolean, whether the window is maximized.
|
||
|
||
### `win.minimize()`
|
||
|
||
Minimizes the window. On some platforms the minimized window will be shown in
|
||
the Dock.
|
||
|
||
### `win.restore()`
|
||
|
||
Restores the window from minimized state to its previous state.
|
||
|
||
### `win.isMinimized()`
|
||
|
||
Returns a boolean, whether the window is minimized.
|
||
|
||
### `win.setFullScreen(flag)`
|
||
|
||
* `flag` Boolean
|
||
|
||
Sets whether the window should be in fullscreen mode.
|
||
|
||
### `win.isFullScreen()`
|
||
|
||
Returns a boolean, whether the window is in fullscreen mode.
|
||
|
||
### `win.setAspectRatio(aspectRatio[, extraSize])`
|
||
|
||
* `aspectRatio` The aspect ratio we want to maintain for some portion of the
|
||
content view.
|
||
* `rect` Object - The extra size to not be included in the aspect ratio to be
|
||
maintained. Properties:
|
||
* `width` Integer
|
||
* `height` Integer
|
||
|
||
This will have a window maintain an aspect ratio. The extra size allows a
|
||
developer to have space, specified in pixels, not included within the aspect ratio calculations. This API already takes into account the difference between a
|
||
window's size and its content size.
|
||
|
||
Consider a normal window with an HD video player and associated controls.
|
||
Perhaps there are 15 pixels of controls on the left edge, 25 pixels of controls
|
||
on the right edge and 50 pixels of controls below the player. In order to
|
||
maintain a 16:9 aspect ratio (standard aspect ratio for HD @1920x1080) within
|
||
the player itself we would call this function with arguments of 16/9 and
|
||
[ 40, 50 ]. The second argument doesn't care where the extra width and height
|
||
are within the content view--only that they exist. Just sum any extra width and
|
||
height areas you have within the overall content view.
|
||
|
||
__Note__: This API is only implemented on OS X.
|
||
|
||
### `win.setBounds(options)`
|
||
|
||
`options` Object, properties:
|
||
|
||
* `x` Integer
|
||
* `y` Integer
|
||
* `width` Integer
|
||
* `height` Integer
|
||
|
||
Resizes and moves the window to `width`, `height`, `x`, `y`.
|
||
|
||
### `win.getBounds()`
|
||
|
||
Returns an object that contains window's width, height, x and y values.
|
||
|
||
### `win.setSize(width, height)`
|
||
|
||
* `width` Integer
|
||
* `height` Integer
|
||
|
||
Resizes the window to `width` and `height`.
|
||
|
||
### `win.getSize()`
|
||
|
||
Returns an array that contains window's width and height.
|
||
|
||
### `win.setContentSize(width, height)`
|
||
|
||
* `width` Integer
|
||
* `height` Integer
|
||
|
||
Resizes the window's client area (e.g. the web page) to `width` and `height`.
|
||
|
||
### `win.getContentSize()`
|
||
|
||
Returns an array that contains window's client area's width and height.
|
||
|
||
### `win.setMinimumSize(width, height)`
|
||
|
||
* `width` Integer
|
||
* `height` Integer
|
||
|
||
Sets the minimum size of window to `width` and `height`.
|
||
|
||
### `win.getMinimumSize()`
|
||
|
||
Returns an array that contains window's minimum width and height.
|
||
|
||
### `win.setMaximumSize(width, height)`
|
||
|
||
* `width` Integer
|
||
* `height` Integer
|
||
|
||
Sets the maximum size of window to `width` and `height`.
|
||
|
||
### `win.getMaximumSize()`
|
||
|
||
Returns an array that contains window's maximum width and height.
|
||
|
||
### `win.setResizable(resizable)`
|
||
|
||
* `resizable` Boolean
|
||
|
||
Sets whether the window can be manually resized by user.
|
||
|
||
### `win.isResizable()`
|
||
|
||
Returns whether the window can be manually resized by user.
|
||
|
||
### `win.setAlwaysOnTop(flag)`
|
||
|
||
* `flag` Boolean
|
||
|
||
Sets whether the window should show always on top of other windows. After
|
||
setting this, the window is still a normal window, not a toolbox window which
|
||
can not be focused on.
|
||
|
||
### `win.isAlwaysOnTop()`
|
||
|
||
Returns whether the window is always on top of other windows.
|
||
|
||
### `win.center()`
|
||
|
||
Moves window to the center of the screen.
|
||
|
||
### `win.setPosition(x, y)`
|
||
|
||
* `x` Integer
|
||
* `y` Integer
|
||
|
||
Moves window to `x` and `y`.
|
||
|
||
### `win.getPosition()`
|
||
|
||
Returns an array that contains window's current position.
|
||
|
||
### `win.setTitle(title)`
|
||
|
||
* `title` String
|
||
|
||
Changes the title of native window to `title`.
|
||
|
||
### `win.getTitle()`
|
||
|
||
Returns the title of the native window.
|
||
|
||
**Note:** The title of web page can be different from the title of the native
|
||
window.
|
||
|
||
### `win.flashFrame(flag)`
|
||
|
||
* `flag` Boolean
|
||
|
||
Starts or stops flashing the window to attract user's attention.
|
||
|
||
### `win.setSkipTaskbar(skip)`
|
||
|
||
* `skip` Boolean
|
||
|
||
Makes the window not show in the taskbar.
|
||
|
||
### `win.setKiosk(flag)`
|
||
|
||
* `flag` Boolean
|
||
|
||
Enters or leaves the kiosk mode.
|
||
|
||
### `win.isKiosk()`
|
||
|
||
Returns whether the window is in kiosk mode.
|
||
|
||
### `win.setRepresentedFilename(filename)`
|
||
|
||
* `filename` String
|
||
|
||
Sets the pathname of the file the window represents, and the icon of the file
|
||
will show in window's title bar.
|
||
|
||
__Note__: This API is only available on OS X.
|
||
|
||
### `win.getRepresentedFilename()`
|
||
|
||
Returns the pathname of the file the window represents.
|
||
|
||
__Note__: This API is only available on OS X.
|
||
|
||
### `win.setDocumentEdited(edited)`
|
||
|
||
* `edited` Boolean
|
||
|
||
Specifies whether the window’s document has been edited, and the icon in title
|
||
bar will become grey when set to `true`.
|
||
|
||
__Note__: This API is only available on OS X.
|
||
|
||
### `win.IsDocumentEdited()`
|
||
|
||
Whether the window's document has been edited.
|
||
|
||
__Note__: This API is only available on OS X.
|
||
|
||
### `win.openDevTools([options])`
|
||
|
||
* `options` Object, optional. Properties:
|
||
* `detach` Boolean - opens devtools in a new window
|
||
|
||
Opens the developer tools.
|
||
|
||
### `win.closeDevTools()`
|
||
|
||
Closes the developer tools.
|
||
|
||
### `win.isDevToolsOpened()`
|
||
|
||
Returns whether the developer tools are opened.
|
||
|
||
### `win.toggleDevTools()`
|
||
|
||
Toggle the developer tools.
|
||
|
||
### `win.inspectElement(x, y)`
|
||
|
||
* `x` Integer
|
||
* `y` Integer
|
||
|
||
Starts inspecting element at position (`x`, `y`).
|
||
|
||
### `win.inspectServiceWorker()`
|
||
|
||
Opens the developer tools for the service worker context present in the web
|
||
contents.
|
||
|
||
### `win.focusOnWebView()`
|
||
|
||
### `win.blurWebView()`
|
||
|
||
### `win.capturePage([rect, ]callback)`
|
||
|
||
* `rect` Object - The area of page to be captured, properties:
|
||
* `x` Integer
|
||
* `y` Integer
|
||
* `width` Integer
|
||
* `height` Integer
|
||
* `callback` Function
|
||
|
||
Captures a snapshot of the page within `rect`. Upon completion `callback` will be
|
||
called with `callback(image)`. The `image` is an instance of
|
||
[NativeImage](native-image.md) that stores data of the snapshot. Omitting
|
||
`rect` will capture the whole visible page.
|
||
|
||
<<<<<<< HEAD
|
||
### BrowserWindow.print([options])
|
||
=======
|
||
**Note:** Be sure to read documents on remote buffer in
|
||
[remote](remote.md) if you are going to use this API in renderer
|
||
process.
|
||
|
||
### `win.print([options])`
|
||
>>>>>>> Break out methods, standardize
|
||
|
||
Same as `webContents.print([options])`
|
||
|
||
### `win.printToPDF(options, callback)`
|
||
|
||
Same as `webContents.printToPDF(options, callback)`
|
||
|
||
### `win.loadUrl(url[, options])`
|
||
|
||
Same as `webContents.loadUrl(url[, options])`.
|
||
|
||
### `win.reload()`
|
||
|
||
Same as `webContents.reload`.
|
||
|
||
### `win.setMenu(menu)` _OS X_
|
||
|
||
* `menu` Menu
|
||
|
||
Sets the `menu` as the window's menu bar, setting it to `null` will remove the
|
||
menu bar.
|
||
|
||
__Note:__ This API is not available on OS X.
|
||
|
||
### `win.setProgressBar(progress)`
|
||
|
||
* `progress` Double
|
||
|
||
Sets progress value in progress bar. Valid range is [0, 1.0].
|
||
|
||
Remove progress bar when progress < 0;
|
||
Change to indeterminate mode when progress > 1.
|
||
|
||
On Linux platform, only supports Unity desktop environment, you need to specify
|
||
the `*.desktop` file name to `desktopName` field in `package.json`. By default,
|
||
it will assume `app.getName().desktop`.
|
||
|
||
### `win.setOverlayIcon(overlay, description)` _Windows_
|
||
|
||
* `overlay` [NativeImage](native-image.md) - the icon to display on the bottom
|
||
right corner of the taskbar icon. If this parameter is `null`, the overlay is
|
||
cleared
|
||
* `description` String - a description that will be provided to Accessibility
|
||
screen readers
|
||
|
||
Sets a 16px overlay onto the current taskbar icon, usually used to convey some
|
||
sort of application status or to passively notify the user.
|
||
|
||
__Note:__ This API is only available on Windows (Windows 7 and above)
|
||
|
||
|
||
### `win.setThumbarButtons(buttons)` _Windows_
|
||
|
||
`buttons` Array of `button` Objects:
|
||
|
||
`button` Object, properties:
|
||
|
||
* `icon` [NativeImage](native-image.md) - The icon showing in thumbnail
|
||
toolbar.
|
||
* `tooltip` String (optional) - The text of the button's tooltip.
|
||
* `flags` Array (optional) - Control specific states and behaviors
|
||
of the button. By default, it uses `enabled`. It can include following
|
||
Strings:
|
||
* `enabled` - The button is active and available to the user.
|
||
* `disabled` - The button is disabled. It is present, but has a visual
|
||
state indicating it will not respond to user action.
|
||
* `dismissonclick` - When the button is clicked, the taskbar button's
|
||
flyout closes immediately.
|
||
* `nobackground` - Do not draw a button border, use only the image.
|
||
* `hidden` - The button is not shown to the user.
|
||
* `noninteractive` - The button is enabled but not interactive; no
|
||
pressed button state is drawn. This value is intended for instances
|
||
where the button is used in a notification.
|
||
* `click` - Function
|
||
|
||
Add a thumbnail toolbar with a specified set of buttons to the thumbnail image
|
||
of a window in a taskbar button layout. Returns a `Boolean` object indicates
|
||
whether the thumbnail has been added successfully.
|
||
|
||
__Note:__ This API is only available on Windows (Windows 7 and above).
|
||
The number of buttons in thumbnail toolbar should be no greater than 7 due to
|
||
the limited room. Once you setup the thumbnail toolbar, the toolbar cannot be
|
||
removed due to the platform's limitation. But you can call the API with an empty
|
||
array to clean the buttons.
|
||
|
||
### `win.showDefinitionForSelection()` _OS X_
|
||
|
||
Shows pop-up dictionary that searches the selected word on the page.
|
||
|
||
__Note__: This API is only available on OS X.
|
||
|
||
### `win.setAutoHideMenuBar(hide)`
|
||
|
||
* `hide` Boolean
|
||
|
||
Sets whether the window menu bar should hide itself automatically. Once set the
|
||
menu bar will only show when users press the single `Alt` key.
|
||
|
||
If the menu bar is already visible, calling `setAutoHideMenuBar(true)` won't
|
||
hide it immediately.
|
||
|
||
### `win.isMenuBarAutoHide()`
|
||
|
||
Returns whether menu bar automatically hides itself.
|
||
|
||
### `win.setMenuBarVisibility(visible)`
|
||
|
||
* `visible` Boolean
|
||
|
||
Sets whether the menu bar should be visible. If the menu bar is auto-hide, users
|
||
can still bring up the menu bar by pressing the single `Alt` key.
|
||
|
||
### `win.isMenuBarVisible()`
|
||
|
||
Returns whether the menu bar is visible.
|
||
|
||
### `win.setVisibleOnAllWorkspaces(visible)`
|
||
|
||
* `visible` Boolean
|
||
|
||
Sets whether the window should be visible on all workspaces.
|
||
|
||
**Note:** This API does nothing on Windows.
|
||
|
||
### `win.isVisibleOnAllWorkspaces()`
|
||
|
||
Returns whether the window is visible on all workspaces.
|
||
|
||
**Note:** This API always returns false on Windows.
|
||
<<<<<<< HEAD
|
||
|
||
## Class: WebContents
|
||
|
||
A `WebContents` is responsible for rendering and controlling a web page.
|
||
|
||
`WebContents` is an
|
||
[EventEmitter](http://nodejs.org/api/events.html#events_class_events_eventemitter).
|
||
|
||
### Event: 'did-finish-load'
|
||
|
||
Emitted when the navigation is done, i.e. the spinner of the tab will stop
|
||
spinning, and the `onload` event was dispatched.
|
||
|
||
### Event: 'did-fail-load'
|
||
|
||
* `event` Event
|
||
* `errorCode` Integer
|
||
* `errorDescription` String
|
||
|
||
This event is like `did-finish-load`, but emitted when the load failed or was
|
||
cancelled, e.g. `window.stop()` is invoked.
|
||
|
||
### Event: 'did-frame-finish-load'
|
||
|
||
* `event` Event
|
||
* `isMainFrame` Boolean
|
||
|
||
Emitted when a frame has done navigation.
|
||
|
||
### Event: 'did-start-loading'
|
||
|
||
Corresponds to the points in time when the spinner of the tab starts spinning.
|
||
|
||
### Event: 'did-stop-loading'
|
||
|
||
Corresponds to the points in time when the spinner of the tab stops spinning.
|
||
|
||
### Event: 'did-get-response-details'
|
||
|
||
* `event` Event
|
||
* `status` Boolean
|
||
* `newUrl` String
|
||
* `originalUrl` String
|
||
* `httpResponseCode` Integer
|
||
* `requestMethod` String
|
||
* `referrer` String
|
||
* `headers` Object
|
||
|
||
Emitted when details regarding a requested resource is available.
|
||
`status` indicates the socket connection to download the resource.
|
||
|
||
### Event: 'did-get-redirect-request'
|
||
|
||
* `event` Event
|
||
* `oldUrl` String
|
||
* `newUrl` String
|
||
* `isMainFrame` Boolean
|
||
|
||
Emitted when a redirect was received while requesting a resource.
|
||
|
||
### Event: 'dom-ready'
|
||
|
||
* `event` Event
|
||
|
||
Emitted when document in the given frame is loaded.
|
||
|
||
### Event: 'page-favicon-updated'
|
||
|
||
* `event` Event
|
||
* `favicons` Array - Array of Urls
|
||
|
||
Emitted when page receives favicon urls.
|
||
|
||
### Event: 'new-window'
|
||
|
||
* `event` Event
|
||
* `url` String
|
||
* `frameName` String
|
||
* `disposition` String - Can be `default`, `foreground-tab`, `background-tab`,
|
||
`new-window` and `other`
|
||
|
||
Emitted when the page requested to open a new window for `url`. It could be
|
||
requested by `window.open` or an external link like `<a target='_blank'>`.
|
||
|
||
By default a new `BrowserWindow` will be created for the `url`.
|
||
|
||
Calling `event.preventDefault()` can prevent creating new windows.
|
||
|
||
### Event: 'will-navigate'
|
||
|
||
* `event` Event
|
||
* `url` String
|
||
|
||
Emitted when user or the page wants to start a navigation, it can happen when
|
||
`window.location` object is changed or user clicks a link in the page.
|
||
|
||
This event will not emit when the navigation is started programmatically with APIs
|
||
like `WebContents.loadUrl` and `WebContents.back`.
|
||
|
||
Calling `event.preventDefault()` can prevent the navigation.
|
||
|
||
### Event: 'crashed'
|
||
|
||
Emitted when the renderer process is crashed.
|
||
|
||
### Event: 'plugin-crashed'
|
||
|
||
* `event` Event
|
||
* `name` String
|
||
* `version` String
|
||
|
||
Emitted when a plugin process is crashed.
|
||
|
||
### Event: 'destroyed'
|
||
|
||
Emitted when the WebContents is destroyed.
|
||
|
||
### WebContents.session
|
||
|
||
Returns the `Session` object used by this WebContents.
|
||
|
||
### WebContents.loadUrl(url, [options])
|
||
|
||
* `url` URL
|
||
* `options` URL
|
||
* `httpReferrer` String - A HTTP Referer url
|
||
* `userAgent` String - A user agent originating the request
|
||
|
||
Loads the `url` in the window, the `url` must contains the protocol prefix,
|
||
e.g. the `http://` or `file://`.
|
||
|
||
### WebContents.getUrl()
|
||
|
||
Returns URL of current web page.
|
||
|
||
### WebContents.getTitle()
|
||
|
||
Returns the title of web page.
|
||
|
||
### WebContents.isLoading()
|
||
|
||
Returns whether web page is still loading resources.
|
||
|
||
### WebContents.isWaitingForResponse()
|
||
|
||
Returns whether web page is waiting for a first-response for the main resource
|
||
of the page.
|
||
|
||
### WebContents.stop()
|
||
|
||
Stops any pending navigation.
|
||
|
||
### WebContents.reload()
|
||
|
||
Reloads current page.
|
||
|
||
### WebContents.reloadIgnoringCache()
|
||
|
||
Reloads current page and ignores cache.
|
||
|
||
### WebContents.canGoBack()
|
||
|
||
Returns whether the web page can go back.
|
||
|
||
### WebContents.canGoForward()
|
||
|
||
Returns whether the web page can go forward.
|
||
|
||
### WebContents.canGoToOffset(offset)
|
||
|
||
* `offset` Integer
|
||
|
||
Returns whether the web page can go to `offset`.
|
||
|
||
### WebContents.clearHistory()
|
||
|
||
Clears the navigation history.
|
||
|
||
### WebContents.goBack()
|
||
|
||
Makes the web page go back.
|
||
|
||
### WebContents.goForward()
|
||
|
||
Makes the web page go forward.
|
||
|
||
### WebContents.goToIndex(index)
|
||
|
||
* `index` Integer
|
||
|
||
Navigates to the specified absolute index.
|
||
|
||
### WebContents.goToOffset(offset)
|
||
|
||
* `offset` Integer
|
||
|
||
Navigates to the specified offset from the "current entry".
|
||
|
||
### WebContents.isCrashed()
|
||
|
||
Whether the renderer process has crashed.
|
||
|
||
### WebContents.setUserAgent(userAgent)
|
||
|
||
* `userAgent` String
|
||
|
||
Overrides the user agent for this page.
|
||
|
||
### WebContents.getUserAgent()
|
||
|
||
Returns a `String` represents the user agent for this page.
|
||
|
||
### WebContents.insertCSS(css)
|
||
|
||
* `css` String
|
||
|
||
Injects CSS into this page.
|
||
|
||
### WebContents.executeJavaScript(code[, userGesture])
|
||
|
||
* `code` String
|
||
* `userGesture` Boolean
|
||
|
||
Evaluates `code` in page.
|
||
|
||
In browser some HTML APIs like `requestFullScreen` can only be invoked if it
|
||
is started by user gesture, by specifying `userGesture` to `true` developers
|
||
can ignore this limitation.
|
||
|
||
### WebContents.setAudioMuted(muted)
|
||
|
||
+ `muted` Boolean
|
||
|
||
Set the page muted.
|
||
|
||
### WebContents.isAudioMuted()
|
||
|
||
Returns whether this page has been muted.
|
||
|
||
### WebContents.undo()
|
||
|
||
Executes editing command `undo` in page.
|
||
|
||
### WebContents.redo()
|
||
|
||
Executes editing command `redo` in page.
|
||
|
||
### WebContents.cut()
|
||
|
||
Executes editing command `cut` in page.
|
||
|
||
### WebContents.copy()
|
||
|
||
Executes editing command `copy` in page.
|
||
|
||
### WebContents.paste()
|
||
|
||
Executes editing command `paste` in page.
|
||
|
||
### WebContents.pasteAndMatchStyle()
|
||
|
||
Executes editing command `pasteAndMatchStyle` in page.
|
||
|
||
### WebContents.delete()
|
||
|
||
Executes editing command `delete` in page.
|
||
|
||
### WebContents.selectAll()
|
||
|
||
Executes editing command `selectAll` in page.
|
||
|
||
### WebContents.unselect()
|
||
|
||
Executes editing command `unselect` in page.
|
||
|
||
### WebContents.replace(text)
|
||
|
||
* `text` String
|
||
|
||
Executes editing command `replace` in page.
|
||
|
||
### WebContents.replaceMisspelling(text)
|
||
|
||
* `text` String
|
||
|
||
Executes editing command `replaceMisspelling` in page.
|
||
|
||
### WebContents.hasServiceWorker(callback)
|
||
|
||
* `callback` Function
|
||
|
||
Checks if any serviceworker is registered and returns boolean as
|
||
response to `callback`.
|
||
|
||
### WebContents.unregisterServiceWorker(callback)
|
||
|
||
* `callback` Function
|
||
|
||
Unregisters any serviceworker if present and returns boolean as
|
||
response to `callback` when the JS promise is fullfilled or false
|
||
when the JS promise is rejected.
|
||
|
||
### WebContents.print([options])
|
||
|
||
* `options` Object
|
||
* `silent` Boolean - Don't ask user for print settings, defaults to `false`
|
||
* `printBackground` Boolean - Also prints the background color and image of
|
||
the web page, defaults to `false`.
|
||
|
||
Prints window's web page. When `silent` is set to `false`, Electron will pick
|
||
up system's default printer and default settings for printing.
|
||
|
||
Calling `window.print()` in web page is equivalent to call
|
||
`WebContents.print({silent: false, printBackground: false})`.
|
||
|
||
**Note:** On Windows, the print API relies on `pdf.dll`. If your application
|
||
doesn't need print feature, you can safely remove `pdf.dll` in saving binary
|
||
size.
|
||
|
||
### WebContents.printToPDF(options, callback)
|
||
|
||
* `options` Object
|
||
* `marginsType` Integer - Specify the type of margins to use
|
||
* 0 - default
|
||
* 1 - none
|
||
* 2 - minimum
|
||
* `pageSize` String - Specify page size of the generated PDF
|
||
* `A4`
|
||
* `A3`
|
||
* `Legal`
|
||
* `Letter`
|
||
* `Tabloid`
|
||
* `printBackground` Boolean - Whether to print CSS backgrounds.
|
||
* `printSelectionOnly` Boolean - Whether to print selection only.
|
||
* `landscape` Boolean - `true` for landscape, `false` for portrait.
|
||
|
||
* `callback` Function - `function(error, data) {}`
|
||
* `error` Error
|
||
* `data` Buffer - PDF file content
|
||
|
||
Prints windows' web page as PDF with Chromium's preview printing custom
|
||
settings.
|
||
|
||
By default, an empty `options` will be regarded as
|
||
`{marginsType:0, printBackground:false, printSelectionOnly:false,
|
||
landscape:false}`.
|
||
|
||
```javascript
|
||
var BrowserWindow = require('browser-window');
|
||
var fs = require('fs');
|
||
|
||
var win = new BrowserWindow({width: 800, height: 600});
|
||
win.loadUrl("http://github.com");
|
||
|
||
win.webContents.on("did-finish-load", function() {
|
||
// Use default printing options
|
||
win.webContents.printToPDF({}, function(error, data) {
|
||
if (error) throw error;
|
||
fs.writeFile("/tmp/print.pdf", data, function(error) {
|
||
if (err)
|
||
throw error;
|
||
console.log("Write PDF successfully.");
|
||
})
|
||
})
|
||
});
|
||
```
|
||
|
||
### WebContents.addWorkSpace(path)
|
||
|
||
* `path` String
|
||
|
||
Adds the specified path to devtools workspace.
|
||
|
||
### WebContents.removeWorkSpace(path)
|
||
|
||
* `path` String
|
||
|
||
Removes the specified path from devtools workspace.
|
||
|
||
### WebContents.send(channel[, args...])
|
||
|
||
* `channel` String
|
||
|
||
Send `args..` to the web page via `channel` in asynchronous message, the web
|
||
page can handle it by listening to the `channel` event of `ipc` module.
|
||
|
||
An example of sending messages from the main process to the renderer process:
|
||
|
||
```javascript
|
||
// On the main process.
|
||
var window = null;
|
||
app.on('ready', function() {
|
||
window = new BrowserWindow({width: 800, height: 600});
|
||
window.loadUrl('file://' + __dirname + '/index.html');
|
||
window.webContents.on('did-finish-load', function() {
|
||
window.webContents.send('ping', 'whoooooooh!');
|
||
});
|
||
});
|
||
```
|
||
|
||
```html
|
||
// index.html
|
||
<html>
|
||
<body>
|
||
<script>
|
||
require('ipc').on('ping', function(message) {
|
||
console.log(message); // Prints "whoooooooh!"
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
```
|
||
|
||
**Note:**
|
||
|
||
1. The IPC message handler in web pages do not have a `event` parameter, which
|
||
is different from the handlers on the main process.
|
||
2. There is no way to send synchronous messages from the main process to a
|
||
renderer process, because it would be very easy to cause dead locks.
|
||
|
||
## Class: Session
|
||
|
||
### Session.cookies
|
||
|
||
The `cookies` gives you ability to query and modify cookies, an example is:
|
||
|
||
```javascript
|
||
var BrowserWindow = require('browser-window');
|
||
|
||
var win = new BrowserWindow({ width: 800, height: 600 });
|
||
|
||
win.loadUrl('https://github.com');
|
||
|
||
win.webContents.on('did-finish-load', function() {
|
||
// Query all cookies.
|
||
win.webContents.session.cookies.get({}, function(error, cookies) {
|
||
if (error) throw error;
|
||
console.log(cookies);
|
||
});
|
||
|
||
// Query all cookies that are associated with a specific url.
|
||
win.webContents.session.cookies.get({ url : "http://www.github.com" },
|
||
function(error, cookies) {
|
||
if (error) throw error;
|
||
console.log(cookies);
|
||
});
|
||
|
||
// Set a cookie with the given cookie data;
|
||
// may overwrite equivalent cookies if they exist.
|
||
win.webContents.session.cookies.set(
|
||
{ url : "http://www.github.com", name : "dummy_name", value : "dummy"},
|
||
function(error, cookies) {
|
||
if (error) throw error;
|
||
console.log(cookies);
|
||
});
|
||
});
|
||
```
|
||
|
||
### Session.cookies.get(details, callback)
|
||
|
||
* `details` Object
|
||
* `url` String - Retrieves cookies which are associated with `url`.
|
||
Empty imples retrieving cookies of all urls.
|
||
* `name` String - Filters cookies by name
|
||
* `domain` String - Retrieves cookies whose domains match or are subdomains of `domains`
|
||
* `path` String - Retrieves cookies whose path matches `path`
|
||
* `secure` Boolean - Filters cookies by their Secure property
|
||
* `session` Boolean - Filters out session or persistent cookies.
|
||
* `callback` Function - function(error, cookies)
|
||
* `error` Error
|
||
* `cookies` Array - array of `cookie` objects.
|
||
* `cookie` - Object
|
||
* `name` String - The name of the cookie
|
||
* `value` String - The value of the cookie
|
||
* `domain` String - The domain of the cookie
|
||
* `host_only` String - Whether the cookie is a host-only cookie
|
||
* `path` String - The path of the cookie
|
||
* `secure` Boolean - Whether the cookie is marked as Secure (typically HTTPS)
|
||
* `http_only` Boolean - Whether the cookie is marked as HttpOnly
|
||
* `session` Boolean - Whether the cookie is a session cookie or a persistent
|
||
cookie with an expiration date.
|
||
* `expirationDate` Double - (Option) The expiration date of the cookie as
|
||
the number of seconds since the UNIX epoch. Not provided for session cookies.
|
||
|
||
|
||
### Session.cookies.set(details, callback)
|
||
|
||
* `details` Object
|
||
* `url` String - Retrieves cookies which are associated with `url`
|
||
* `name` String - The name of the cookie. Empty by default if omitted.
|
||
* `value` String - The value of the cookie. Empty by default if omitted.
|
||
* `domain` String - The domain of the cookie. Empty by default if omitted.
|
||
* `path` String - The path of the cookie. Empty by default if omitted.
|
||
* `secure` Boolean - Whether the cookie should be marked as Secure. Defaults to false.
|
||
* `session` Boolean - Whether the cookie should be marked as HttpOnly. Defaults to false.
|
||
* `expirationDate` Double - The expiration date of the cookie as the number of
|
||
seconds since the UNIX epoch. If omitted, the cookie becomes a session cookie.
|
||
|
||
* `callback` Function - function(error)
|
||
* `error` Error
|
||
|
||
### Session.cookies.remove(details, callback)
|
||
|
||
* `details` Object
|
||
* `url` String - The URL associated with the cookie
|
||
* `name` String - The name of cookie to remove
|
||
* `callback` Function - function(error)
|
||
* `error` Error
|
||
|
||
### Session.clearCache(callback)
|
||
|
||
* `callback` Function - Called when operation is done
|
||
|
||
Clears the session's HTTP cache.
|
||
|
||
### Session.clearStorageData([options, ]callback)
|
||
|
||
* `options` Object
|
||
* `origin` String - Should follow `window.location.origin`'s representation
|
||
`scheme://host:port`
|
||
* `storages` Array - The types of storages to clear, can contain:
|
||
`appcache`, `cookies`, `filesystem`, `indexdb`, `localstorage`,
|
||
`shadercache`, `websql`, `serviceworkers`
|
||
* `quotas` Array - The types of quotas to clear, can contain:
|
||
`temporary`, `persistent`, `syncable`
|
||
* `callback` Function - Called when operation is done
|
||
|
||
Clears the data of web storages.
|
||
|
||
### Session.setProxy(config, callback)
|
||
|
||
* `config` String
|
||
* `callback` Function - Called when operation is done
|
||
|
||
Parses the `config` indicating which proxies to use for the session.
|
||
|
||
```
|
||
config = scheme-proxies[";"<scheme-proxies>]
|
||
scheme-proxies = [<url-scheme>"="]<proxy-uri-list>
|
||
url-scheme = "http" | "https" | "ftp" | "socks"
|
||
proxy-uri-list = <proxy-uri>[","<proxy-uri-list>]
|
||
proxy-uri = [<proxy-scheme>"://"]<proxy-host>[":"<proxy-port>]
|
||
|
||
For example:
|
||
"http=foopy:80;ftp=foopy2" -- use HTTP proxy "foopy:80" for http://
|
||
URLs, and HTTP proxy "foopy2:80" for
|
||
ftp:// URLs.
|
||
"foopy:80" -- use HTTP proxy "foopy:80" for all URLs.
|
||
"foopy:80,bar,direct://" -- use HTTP proxy "foopy:80" for all URLs,
|
||
failing over to "bar" if "foopy:80" is
|
||
unavailable, and after that using no
|
||
proxy.
|
||
"socks4://foopy" -- use SOCKS v4 proxy "foopy:1080" for all
|
||
URLs.
|
||
"http=foopy,socks5://bar.com -- use HTTP proxy "foopy" for http URLs,
|
||
and fail over to the SOCKS5 proxy
|
||
"bar.com" if "foopy" is unavailable.
|
||
"http=foopy,direct:// -- use HTTP proxy "foopy" for http URLs,
|
||
and use no proxy if "foopy" is
|
||
unavailable.
|
||
"http=foopy;socks=foopy2 -- use HTTP proxy "foopy" for http URLs,
|
||
and use socks4://foopy2 for all other
|
||
URLs.
|
||
```
|
||
|
||
### Session.setDownloadPath(path)
|
||
|
||
* `path` String - The download location
|
||
|
||
Sets download saving directory. By default, the download directory will be the
|
||
`Downloads` under the respective app folder.
|
||
=======
|
||
>>>>>>> Break out methods, standardize
|