windows

Stable

Enumerate and examine open browser windows, open new windows, and listen for window events.

Usage

The windows module provides basic functions for working with browser windows. With this module, you can:

Private windows

If your add-on has not opted into private browsing, then you won't see any private browser windows. Private browser windows won't appear in the browserWindows property, you won't receive any window events, and you won't be able to open private windows.

To learn more about private windows, how to opt into private browsing, and how to support private browsing, refer to the documentation for the private-browsing module.

Converting to chrome windows

To convert from the BrowserWindow objects used in this API to the chrome window objects used in the window/utils API, use the viewFor() function exported by the viewFor module.

To convert back the other way, from a chrome window to a BrowserWindow object, use the modelFor() function, exported by the modelFor module.

Here's an example converting from a high-level BrowserWindow to a chrome window, and then back the other way:

var { modelFor } = require("sdk/model/core");
var { viewFor } = require("sdk/view/core");

var browserWindows = require("sdk/windows").browserWindows;

function convertToChromeAndBack(browserWindow) {
  // get the chrome window for this BrowserWindow
  var chromeWindow = viewFor(browserWindow);
  // now we can use the chrome window API
  console.log(chromeWindow.document.location.href);
  // -> "chrome://browser/content/browser.xul"

  // convert back to the high-level window
  var highLevelWindow = modelFor(chromeWindow);
  // now we can use the SDK's high-level window API
  console.log(highLevelWindow.title);
}

browserWindows.on("open", convertToChromeAndBack);

Note that directly accessing low-level chrome objects like this means you're no longer protected by the compatibility guarantees made by the SDK's high-level APIs. In particular, depending on what you do with these objects, your code might not work with multiprocess Firefox.

Globals

Functions

open(options)

Open a new window.

var windows = require("sdk/windows").browserWindows;

// Open a new window.
windows.open("http://www.example.com");

// Open a new window and set a listener for "open" event.
windows.open({
  url: "http://www.example.com",
  onOpen: function(window) {
    // do stuff like listen for content
    // loading.
  }
});

Returns the window that was opened:

var windows = require("sdk/windows").browserWindows;
var example = windows.open("http://www.example.com");

require("sdk/ui/button/action").ActionButton({
  id: "read",
  label: "Read",
  icon: "./read.png",
  onClick: function() {
    example.close();
  }
});

This example uses the action button API, which is only available from Firefox 29 onwards.

Parameters

options : object
Required options:

Name Type  
url string

String URL to be opened in the new window. This is a required property.

isPrivate boolean

Boolean which will determine whether the new window should be private or not. If your add-on does not support private browsing this will have no effect. See the private-browsing documentation for more information.

Optional options:

Name Type  
onOpen function

A callback function that is called when the window has opened. This does not mean that the URL content has loaded, only that the window itself is fully functional and its properties can be accessed. This is an optional property.

onClose function

A callback function that is called when the window will be called. This is an optional property.

onActivate function

A callback function that is called when the window is made active. This is an optional property.

onDeactivate function

A callback function that is called when the window is made inactive. This is an optional property.

Returns

BrowserWindow :

Properties

browserWindows

browserWindows provides access to all the currently open browser windows as BrowserWindow objects.

var windows = require("sdk/windows");
for (let window of windows.browserWindows) {
  console.log(window.title);
}

console.log(windows.browserWindows.length);

This object emits all the events listed under the "Events" section:

var windows = require("sdk/windows").browserWindows;

// add a listener to the 'open' event
windows.on('open', function(window) {
  myOpenWindows.push(window);
});

// add a listener to the 'close' event
windows.on('close', function(window) {
  console.log("A window was closed.");
});

// add a listener to the 'activate' event
windows.on('activate', function(window) {
  console.log("A window was activated.");
});

// add a listener to the 'deactivate' event
windows.on('deactivate', function(window) {
  console.log("A window was deactivated.");
});

The currently active window is given by BrowserWindows.activeWindow:

var windows = require("sdk/windows").browserWindows;

windows.on('activate', function(window) {
  console.log("A window was activated.");
  var activeWindowTitle = windows.activeWindow.title;
  console.log("Active window title is: " + activeWindowTitle);
});

Events

open

Event emitted when a new window is open. This does not mean that the content has loaded, only that the browser window itself is fully visible to the user.

Arguments

Window : Listeners are passed the window object that triggered the event.

close

Event emitted when a window is closed. You can't always rely on receiving the close event for every open window. In particular, if the user quits the browser then it's possible that your add-on will be unloaded before all windows are closed.

Arguments

Window : Listeners are passed the window object that triggered the event.

activate

Event emitted when an inactive window is made active.

Arguments

Window : Listeners are passed the window object that has become active.

deactivate

Event emitted when the active window is made inactive.

Arguments

Window : Listeners are passed the window object that has become inactive.

BrowserWindow

A BrowserWindow instance represents a single open window. They can be retrieved from the browserWindows property exported by this module.

var windows = require("sdk/windows").browserWindows;

//Print how many tabs the current window has
console.log("The active window has " +
            windows.activeWindow.tabs.length +
            " tabs.");

// Print the title of all browser windows
for (let window of windows) {
  console.log(window.title);
}

// close the active window
windows.activeWindow.close(function() {
  console.log("The active window was closed");
});

Methods

activate()

Makes window active, which will focus that window and bring it to the foreground.

close(callback)

Close the window.

Parameters

callback : function
A function to be called when the window finishes its closing process. This is an optional argument.

Properties

title

The current title of the window. Usually the title of the active tab, plus an app identifier. This property is read-only.

tabs

A live list of tabs in this window. This object has the same interface as the tabs API, except it contains only the tabs in this window, not all tabs in all windows. This property is read-only.

Document Tags and Contributors

Tags: 
 Contributors to this page: wbamberg, XrXrXr, freaktechnik
 Last updated by: wbamberg,