electron/docs/api/browser-window.md

1206 lines
33 KiB
Markdown
Raw Normal View History

# browser-window
2013-08-14 22:43:35 +00:00
The `BrowserWindow` class gives you ability to create a browser window, an
example is:
2013-08-14 22:43:35 +00:00
```javascript
var BrowserWindow = require('browser-window');
var win = new BrowserWindow({ width: 800, height: 600, show: false });
2014-04-25 09:15:26 +00:00
win.on('closed', function() {
2013-08-14 22:43:35 +00:00
win = null;
});
win.loadUrl('https://github.com');
win.show();
```
2013-09-09 06:52:46 +00:00
You can also create a window without chrome by using
[Frameless Window](frameless-window.md) API.
2013-08-14 22:43:35 +00:00
## Class: BrowserWindow
`BrowserWindow` is an
[EventEmitter](http://nodejs.org/api/events.html#events_class_events_eventemitter).
2013-08-14 22:43:35 +00:00
### new BrowserWindow(options)
* `options` Object
* `x` Integer - Window's left offset to screen
* `y` Integer - Window's top offset to screen
* `width` Integer - Window's width
* `height` Integer - Window's height
* `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.
2013-08-14 22:43:35 +00:00
* `center` Boolean - Show window in the center of the screen
* `min-width` Integer - Minimum width
* `min-height` Integer - Minimum height
* `max-width` Integer - Maximum width
* `max-height` Integer - 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 would also be hidden on OS X
* `skip-taskbar` Boolean - Do not show window in taskbar
* `zoom-factor` Number - The default zoom factor of the page, zoom factor is
zoom percent / 100, so `3.0` represents `300%`
2013-08-14 22:43:35 +00:00
* `kiosk` Boolean - The kiosk mode
* `title` String - Default window title
2015-02-12 05:52:28 +00:00
* `icon` [NativeImage](native-image.md) - The window icon, when omitted on
Windows the executable's icon would be used as window icon
2013-08-14 22:43:35 +00:00
* `show` Boolean - Whether window should be shown when created
2013-09-09 06:52:46 +00:00
* `frame` Boolean - Specify `false` to create a
[Frameless Window](frameless-window.md)
* `node-integration` Boolean - Whether node integration is enabled, default
2015-04-29 02:28:42 +00:00
is `true`
* `accept-first-mouse` Boolean - Whether the web view accepts a single
2015-04-29 02:28:42 +00:00
mouse-down event that simultaneously activates the window
* `disable-auto-hide-cursor` Boolean - Do not 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.
2015-01-12 23:27:33 +00:00
* `transparent` Boolean - Makes the window [transparent](frameless-window.md)
2015-02-11 04:15:51 +00:00
* `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
* `javascript` Boolean
* `web-security` Boolean
* `images` Boolean
* `java` Boolean
* `text-areas-are-resizable` Boolean
* `webgl` Boolean
* `webaudio` Boolean
2014-05-23 15:07:38 +00:00
* `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
2014-05-23 15:07:38 +00:00
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
2015-04-16 03:31:12 +00:00
make them absolute, using relative paths would make Electron search
2014-05-23 15:07:38 +00:00
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.
2013-08-14 22:43:35 +00:00
Creates a new `BrowserWindow` with native properties set by the `options`.
Usually you only need to set the `width` and `height`, other properties will
have decent default values.
2013-08-14 22:43:35 +00:00
### Event: 'page-title-updated'
* `event` Event
Emitted when the document changed its title, calling `event.preventDefault()`
would prevent the native window's title to change.
2013-08-14 22:43:35 +00:00
### Event: 'close'
* `event` Event
Emitted when the window is going to be closed. It's emitted before the
`beforeunload` and `unload` event of DOM, calling `event.preventDefault()`
would cancel the close.
2013-08-14 22:43:35 +00:00
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
2015-04-16 03:31:12 +00:00
reloaded. In Electron, returning an empty string or `false` would cancel the
close. An example is:
2013-08-14 22:43:35 +00:00
```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 empty string or false would prevent the unloading now.
// You can also use the dialog API to let the user confirm closing the application.
2013-08-14 22:43:35 +00:00
return false;
};
```
### 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.
2013-08-14 22:43:35 +00:00
2014-01-15 14:42:47 +00:00
### Event: 'unresponsive'
2014-05-07 06:34:53 +00:00
Emitted when the web page becomes unresponsive.
2014-01-15 14:42:47 +00:00
### Event: 'responsive'
Emitted when the unresponsive web page becomes responsive again.
### Event: 'blur'
2014-05-07 06:34:53 +00:00
Emitted when window loses focus.
2014-01-15 14:42:47 +00:00
### Event: 'focus'
Emitted when window gains focus.
2014-11-25 06:43:11 +00:00
### Event: 'maximize'
Emitted when window is maximized.
### Event: 'unmaximize'
Emitted when window exits from maximized state.
### Event: 'minimize'
Emitted when window is minimized.
### Event: 'restore'
Emitted when window is restored from minimized state.
2015-05-09 15:55:10 +00:00
### Event: 'resize'
2015-05-20 08:37:13 +00:00
Emitted when window is getting resized.
2015-05-09 15:55:10 +00:00
### Event: 'move'
2015-05-20 08:37:13 +00:00
Emitted when the window is getting moved to a new position.
__Note__: On OS X this event is just an alias of `moved`.
2015-05-20 08:37:13 +00:00
### Event: 'moved'
Emitted once when the window is moved to a new position.
2015-05-09 15:55:10 +00:00
__Note__: This event is available only on OS X.
2014-11-25 06:43:11 +00:00
### Event: 'enter-full-screen'
Emitted when window enters full screen state.
### Event: 'leave-full-screen'
Emitted when window leaves full screen state.
### Event: 'enter-html-full-screen'
Emitted when window enters full screen state triggered by html api.
### Event: 'leave-html-full-screen'
Emitted when window leaves full screen state triggered by html api.
2014-08-28 08:00:29 +00:00
### Event: 'devtools-opened'
Emitted when devtools is opened.
2014-08-28 08:00:29 +00:00
### Event: 'devtools-closed'
Emitted when devtools is closed.
### Event: 'devtools-focused'
Emitted when devtools is focused / opened.
2015-06-25 17:20:33 +00:00
### Event: 'app-command':
2015-06-19 19:58:47 +00:00
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
2015-06-26 03:20:12 +00:00
someWindow.on('app-command', function(e, cmd) {
2015-06-19 19:58:47 +00:00
// Navigate the window back when the user hits their mouse back button
2015-06-26 03:20:12 +00:00
if (cmd === 'browser-backward' && someWindow.webContents.canGoBack()) {
2015-06-19 19:58:47 +00:00
someWindow.webContents.goBack();
}
});
```
2015-06-26 03:20:12 +00:00
__Note__: This event is only fired on Windows.
2015-06-25 17:20:33 +00:00
### Class Method: BrowserWindow.getAllWindows()
Returns an array of all opened browser windows.
2013-08-14 22:43:35 +00:00
### Class Method: BrowserWindow.getFocusedWindow()
Returns the window that is focused in this application.
2014-04-25 09:15:26 +00:00
### Class Method: BrowserWindow.fromWebContents(webContents)
* `webContents` WebContents
Find a window according to the `webContents` it owns
2013-08-14 22:43:35 +00:00
2014-05-22 01:56:04 +00:00
### Class Method: BrowserWindow.fromId(id)
* `id` Integer
Find a window according to its ID.
### Class Method: 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.
### Class Method: BrowserWindow.removeDevToolsExtension(name)
* `name` String
Remove the devtools extension whose name is `name`.
2014-04-25 09:15:26 +00:00
### BrowserWindow.webContents
2013-08-14 22:43:35 +00:00
2014-04-25 09:15:26 +00:00
The `WebContents` object this window owns, all web page related events and
operations would be done via it.
**Note:** Users should never store this object because it may become `null`
when the renderer process (web page) has crashed.
2014-05-22 01:56:04 +00:00
2014-04-25 09:15:26 +00:00
### BrowserWindow.devToolsWebContents
Get the `WebContents` of devtools of this window.
2013-08-14 22:43:35 +00:00
**Note:** Users should never store this object because it may become `null`
2014-05-22 01:56:04 +00:00
when the devtools has been closed.
### BrowserWindow.id
Get the unique ID of this window.
2013-08-14 22:43:35 +00:00
### BrowserWindow.destroy()
Force closing the window, the `unload` and `beforeunload` event won't be emitted
2015-03-27 12:46:26 +00:00
for the web page, and `close` event would also not be emitted
for this window, but it would guarantee the `closed` event to be emitted.
2013-08-14 22:43:35 +00:00
You should only use this method when the renderer process (web page) has crashed.
2013-08-14 22:43:35 +00:00
### BrowserWindow.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
2015-04-01 00:24:39 +00:00
the [close event](#event-close).
2013-08-14 22:43:35 +00:00
### BrowserWindow.focus()
Focus on the window.
### BrowserWindow.isFocused()
Returns whether the window is focused.
### BrowserWindow.show()
2014-10-17 14:46:00 +00:00
Shows and gives focus to the window.
### BrowserWindow.showInactive()
Shows the window but doesn't focus on it.
2013-08-14 22:43:35 +00:00
### BrowserWindow.hide()
Hides the window.
2013-10-03 00:27:59 +00:00
### BrowserWindow.isVisible()
Returns whether the window is visible to the user.
2013-08-14 22:43:35 +00:00
### BrowserWindow.maximize()
Maximizes the window.
### BrowserWindow.unmaximize()
Unmaximizes the window.
2014-05-14 21:58:49 +00:00
### BrowserWindow.isMaximized()
Returns whether the window is maximized.
2013-08-14 22:43:35 +00:00
### BrowserWindow.minimize()
Minimizes the window. On some platforms the minimized window will be shown in
the Dock.
2013-08-14 22:43:35 +00:00
### BrowserWindow.restore()
Restores the window from minimized state to its previous state.
2014-07-26 08:53:02 +00:00
### BrowserWindow.isMinimized()
2014-07-26 05:58:26 +00:00
Returns whether the window is minimized.
2013-08-14 22:43:35 +00:00
### BrowserWindow.setFullScreen(flag)
* `flag` Boolean
Sets whether the window should be in fullscreen mode.
### BrowserWindow.isFullScreen()
Returns whether the window is in fullscreen mode.
### BrowserWindow.setBounds(options)
* `options` Object
* `x` Integer
* `y` Integer
* `width` Integer
* `height` Integer
Resizes and moves the window to `width`, `height`, `x`, `y`.
### BrowserWindow.getBounds()
Returns an object that contains window's width, height, x and y values.
2013-08-14 22:43:35 +00:00
### BrowserWindow.setSize(width, height)
* `width` Integer
* `height` Integer
Resizes the window to `width` and `height`.
### BrowserWindow.getSize()
Returns an array that contains window's width and height.
### BrowserWindow.setContentSize(width, height)
* `width` Integer
* `height` Integer
Resizes the window's client area (e.g. the web page) to `width` and `height`.
### BrowserWindow.getContentSize()
Returns an array that contains window's client area's width and height.
2013-08-14 22:43:35 +00:00
### BrowserWindow.setMinimumSize(width, height)
* `width` Integer
* `height` Integer
Sets the minimum size of window to `width` and `height`.
### BrowserWindow.getMinimumSize()
Returns an array that contains window's minimum width and height.
### BrowserWindow.setMaximumSize(width, height)
* `width` Integer
* `height` Integer
Sets the maximum size of window to `width` and `height`.
### BrowserWindow.getMaximumSize()
Returns an array that contains window's maximum width and height.
### BrowserWindow.setResizable(resizable)
* `resizable` Boolean
Sets whether the window can be manually resized by user.
### BrowserWindow.isResizable()
Returns whether the window can be manually resized by user.
### BrowserWindow.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.
2013-08-14 22:43:35 +00:00
### BrowserWindow.isAlwaysOnTop()
Returns whether the window is always on top of other windows.
### BrowserWindow.center()
Moves window to the center of the screen.
### BrowserWindow.setPosition(x, y)
* `x` Integer
* `y` Integer
Moves window to `x` and `y`.
### BrowserWindow.getPosition()
Returns an array that contains window's current position.
### BrowserWindow.setTitle(title)
* `title` String
Changes the title of native window to `title`.
### BrowserWindow.getTitle()
Returns the title of the native window.
**Note:** The title of web page can be different from the title of the native
2014-08-22 07:14:49 +00:00
window.
2013-08-14 22:43:35 +00:00
### BrowserWindow.flashFrame(flag)
2014-08-28 08:00:29 +00:00
* `flag` Boolean
2013-08-14 22:43:35 +00:00
Starts or stops flashing the window to attract user's attention.
2013-08-14 22:43:35 +00:00
### BrowserWindow.setSkipTaskbar(skip)
* `skip` Boolean
Makes the window not show in the taskbar.
2013-08-14 22:43:35 +00:00
### BrowserWindow.setKiosk(flag)
* `flag` Boolean
Enters or leaves the kiosk mode.
### BrowserWindow.isKiosk()
Returns whether the window is in kiosk mode.
### BrowserWindow.setRepresentedFilename(filename)
* `filename` String
2014-12-19 20:48:53 +00:00
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.
### BrowserWindow.getRepresentedFilename()
2014-12-19 20:48:53 +00:00
Returns the pathname of the file the window represents.
__Note__: This API is only available on OS X.
### BrowserWindow.setDocumentEdited(edited)
* `edited` Boolean
2014-12-19 20:48:53 +00:00
Specifies whether the windows 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.
### BrowserWindow.IsDocumentEdited()
2014-12-19 20:48:53 +00:00
Whether the window's document has been edited.
__Note__: This API is only available on OS X.
### BrowserWindow.openDevTools([options])
* `options` Object
* `detach` Boolean - opens devtools in a new window
2013-08-14 22:43:35 +00:00
Opens the developer tools.
### BrowserWindow.closeDevTools()
Closes the developer tools.
### BrowserWindow.isDevToolsOpened()
Returns whether the developer tools are opened.
2014-07-01 15:32:44 +00:00
### BrowserWindow.toggleDevTools()
Toggle the developer tools.
2013-08-14 22:43:35 +00:00
### BrowserWindow.inspectElement(x, y)
* `x` Integer
* `y` Integer
Starts inspecting element at position (`x`, `y`).
2015-05-18 14:38:08 +00:00
### BrowserWindow.inspectServiceWorker()
Opens the developer tools for the service worker context present in the web contents.
2013-08-14 22:43:35 +00:00
### BrowserWindow.focusOnWebView()
### BrowserWindow.blurWebView()
### BrowserWindow.capturePage([rect, ]callback)
* `rect` Object - The area of page to be captured
2014-08-22 07:14:49 +00:00
* `x` Integer
* `y` Integer
* `width` Integer
* `height` Integer
* `callback` Function
Captures the snapshot of page within `rect`, upon completion `callback` would be
called with `callback(image)`, the `image` is an instance of
[NativeImage](native-image.md) that stores data of the snapshot. Omitting the
`rect` would capture the whole visible page.
**Note:** Be sure to read documents on remote buffer in
[remote](remote.md) if you are going to use this API in renderer
process.
2014-08-22 07:14:49 +00:00
### BrowserWindow.print([options])
Same with `webContents.print([options])`
2015-05-23 13:39:59 +00:00
### BrowserWindow.printToPDF(options, callback)
Same with `webContents.printToPDF(options, callback)`
### BrowserWindow.loadUrl(url, [options])
2013-08-14 22:43:35 +00:00
Same with `webContents.loadUrl(url, [options])`.
2013-08-14 22:43:35 +00:00
### BrowserWindow.reload()
2014-05-27 06:20:22 +00:00
Same with `webContents.reload`.
2014-05-14 16:06:56 +00:00
2014-05-14 16:19:30 +00:00
### BrowserWindow.setMenu(menu)
2014-05-27 06:20:22 +00:00
* `menu` Menu
2015-06-04 08:12:29 +00:00
Sets the `menu` as the window's menu bar, setting it to `null` will remove the
menu bar.
2014-05-14 16:19:30 +00:00
2014-05-27 06:20:22 +00:00
__Note:__ This API is not available on OS X.
2014-09-18 11:29:23 +00:00
### BrowserWindow.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`.
2014-09-18 11:29:23 +00:00
2015-02-07 01:11:54 +00:00
### BrowserWindow.setOverlayIcon(overlay, description)
2015-02-12 05:52:28 +00:00
* `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
2015-02-12 05:52:28 +00:00
cleared
* `description` String - a description that will be provided to Accessibility
screen readers
2015-02-07 01:11:54 +00:00
Sets a 16px overlay onto the current taskbar icon, usually used to convey some sort of application status or to passively notify the user.
2015-02-07 01:11:54 +00:00
__Note:__ This API is only available on Windows (Windows 7 and above)
2015-02-07 01:11:54 +00:00
### BrowserWindow.showDefinitionForSelection()
2014-12-19 20:48:53 +00:00
Shows pop-up dictionary that searches the selected word on the page.
__Note__: This API is only available on OS X.
2014-11-12 12:49:38 +00:00
### BrowserWindow.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.
### BrowserWindow.isMenuBarAutoHide()
Returns whether menu bar automatically hides itself.
### BrowserWindow.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.
### BrowserWindow.isMenuBarVisible()
Returns whether the menu bar is visible.
### BrowserWindow.setVisibleOnAllWorkspaces(visible)
* `visible` Boolean
Sets whether the window should be visible on all workspaces.
2015-03-27 11:41:07 +00:00
**Note:** This API does nothing on Windows.
### BrowserWindow.isVisibleOnAllWorkspaces()
Returns whether the window is visible on all workspaces.
**Note:** This API always returns false on Windows.
2014-04-25 09:15:26 +00:00
## Class: WebContents
2013-08-14 22:43:35 +00:00
2014-04-25 09:15:26 +00:00
A `WebContents` is responsible for rendering and controlling a web page.
2013-08-14 22:43:35 +00:00
2014-04-25 09:15:26 +00:00
`WebContents` is an
[EventEmitter](http://nodejs.org/api/events.html#events_class_events_eventemitter).
2013-08-14 22:43:35 +00:00
2014-04-25 09:15:26 +00:00
### Event: 'did-finish-load'
2013-08-14 22:43:35 +00:00
2014-04-25 09:15:26 +00:00
Emitted when the navigation is done, i.e. the spinner of the tab will stop
2014-10-24 15:05:25 +00:00
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.
2013-08-14 22:43:35 +00:00
### Event: 'did-frame-finish-load'
* `event` Event
* `isMainFrame` Boolean
Emitted when a frame has done navigation.
2014-04-25 09:15:26 +00:00
### Event: 'did-start-loading'
2013-08-14 22:43:35 +00:00
2014-10-24 15:05:25 +00:00
Corresponds to the points in time when the spinner of the tab starts spinning.
2014-04-25 09:15:26 +00:00
### Event: 'did-stop-loading'
2013-08-14 22:43:35 +00:00
2014-10-24 15:05:25 +00:00
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
2015-05-21 21:22:52 +00:00
* `headers` Object
Emitted when details regarding a requested resource is available.
`status` indicates the socket connection to download the resource.
2014-10-24 15:05:25 +00:00
### Event: 'did-get-redirect-request'
* `event` Event
* `oldUrl` String
* `newUrl` String
* `isMainFrame` Boolean
Emitted when a redirect was received while requesting a resource.
2015-04-29 13:49:31 +00:00
### 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.
2014-10-27 15:23:26 +00:00
### Event: 'new-window'
* `event` Event
* `url` String
* `frameName` String
* `disposition` String - Can be `default`, `foreground-tab`, `background-tab`,
`new-window` and `other`
2014-10-27 15:23:26 +00:00
Emitted when the page requested to open a new window for `url`. It could be
2014-11-02 15:20:00 +00:00
requested by `window.open` or an external link like `<a target='_blank'>`.
By default a new `BrowserWindow` will be created for the `url`.
2014-10-27 15:23:26 +00:00
Calling `event.preventDefault()` can prevent creating new windows.
2015-02-05 00:23:16 +00:00
### Event: 'will-navigate'
2014-12-17 23:15:37 +00:00
* `event` Event
* `url` String
2015-07-15 14:29:02 +00:00
Emitted when user or the page wants to start a navigation, it can happen when
2014-12-17 23:15:37 +00:00
`window.location` object is changed or user clicks a link in the page.
2015-06-09 14:49:21 +00:00
This event will not emit when the navigation is started programmatically with APIs
2014-12-17 23:15:37 +00:00
like `WebContents.loadUrl` and `WebContents.back`.
Calling `event.preventDefault()` can prevent the navigation.
2014-10-24 15:05:25 +00:00
### 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.
2014-10-24 15:05:25 +00:00
### Event: 'destroyed'
Emitted when the WebContents is destroyed.
2015-07-13 19:41:07 +00:00
### WebContents.session
Returns the `Session` object used by this WebContents.
### WebContents.loadUrl(url, [options])
2013-08-14 22:43:35 +00:00
* `url` URL
* `options` URL
* `httpReferrer` String - A HTTP Referer url
* `userAgent` String - A user agent originating the request
2013-08-14 22:43:35 +00:00
Loads the `url` in the window, the `url` must contains the protocol prefix,
e.g. the `http://` or `file://`.
2013-08-14 22:43:35 +00:00
2014-04-25 09:15:26 +00:00
### WebContents.getUrl()
2013-08-14 22:43:35 +00:00
Returns URL of current web page.
2014-04-25 09:15:26 +00:00
### 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()
2013-08-14 22:43:35 +00:00
Returns whether the web page can go back.
2014-04-25 09:15:26 +00:00
### WebContents.canGoForward()
2013-08-14 22:43:35 +00:00
Returns whether the web page can go forward.
2014-04-25 09:15:26 +00:00
### WebContents.canGoToOffset(offset)
2013-08-14 22:43:35 +00:00
* `offset` Integer
Returns whether the web page can go to `offset`.
2015-05-19 17:11:03 +00:00
### WebContents.clearHistory()
Clears the navigation history.
2014-04-25 09:15:26 +00:00
### WebContents.goBack()
2013-08-14 22:43:35 +00:00
Makes the web page go back.
2014-04-25 09:15:26 +00:00
### WebContents.goForward()
2013-08-14 22:43:35 +00:00
Makes the web page go forward.
2014-04-25 09:15:26 +00:00
### WebContents.goToIndex(index)
2013-08-14 22:43:35 +00:00
* `index` Integer
Navigates to the specified absolute index.
2014-04-25 09:15:26 +00:00
### WebContents.goToOffset(offset)
2013-08-14 22:43:35 +00:00
* `offset` Integer
Navigates to the specified offset from the "current entry".
2014-10-24 12:49:51 +00:00
### WebContents.isCrashed()
2014-04-25 09:15:26 +00:00
Whether the renderer process has crashed.
2014-10-24 12:57:44 +00:00
### WebContents.setUserAgent(userAgent)
* `userAgent` String
Overrides the user agent for this page.
2014-10-24 13:04:50 +00:00
### WebContents.insertCSS(css)
* `css` String
Injects CSS into this page.
2014-04-25 09:15:26 +00:00
### WebContents.executeJavaScript(code)
* `code` String
2015-01-19 20:30:28 +00:00
Evaluates `code` in page.
2015-06-15 13:40:49 +00:00
### WebContents.setAudioMuted(muted)
+ `muted` Boolean
Set the page muted.
### WebContents.isAudioMuted()
Returns whether this page has been muted.
2015-01-19 20:30:28 +00:00
### 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.
2015-05-15 07:15:33 +00:00
### WebContents.pasteAndMatchStyle()
Executes editing command `pasteAndMatchStyle` in page.
2015-01-19 20:30:28 +00:00
### 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.
2013-08-14 22:43:35 +00:00
### 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.
2015-06-11 07:04:58 +00:00
### WebContents.printToPDF(options, callback)
* `options` Object
* `marginsType` Integer - Specify the type of margins to use
* 0 - default
* 1 - none
* 2 - minimum
* `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
2015-06-11 07:04:58 +00:00
`{marginsType:0, printBackgrounds: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(dist, data, function(error) {
if (err)
alert('write pdf file error', error);
})
})
});
```
2014-04-25 09:15:26 +00:00
### WebContents.send(channel[, args...])
2013-08-14 22:43:35 +00:00
2014-04-25 09:15:26 +00:00
* `channel` String
2013-08-14 22:43:35 +00:00
2014-04-25 09:15:26 +00:00
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');
2014-05-07 23:32:02 +00:00
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:**
2014-05-07 01:47:58 +00:00
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
2015-06-19 06:18:22 +00:00
* `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
2015-06-26 02:47:50 +00:00
cookie with an expiration date.
2015-06-19 06:18:22 +00:00
* `expirationDate` Double - (Option) The expiration date of the cookie as
2015-06-26 02:47:50 +00:00
the number of seconds since the UNIX epoch. Not provided for session cookies.
2015-06-19 06:18:22 +00:00
### 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.
2015-07-16 14:36:48 +00:00
### 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.
```