Save Web Pages With Firefox Addon Using File -> Save As Pop-up Window

Let me start off by saying I am new to add-on development. Using the Add-on SDK, I am trying to create a simple Firefox add-on that, when a button is pressed, acts like pressing th

Solution 1:

One way to do this is to invoke the Save As dialog exactly as if the user had clicked on the "Save Page As..." menu item (id="menu_savePage"). You can do this by executing the doCommand() method of that menu item. The following assumes that the event passed in is the command event for the button that the user clicked.

functionlaunchSaveAsFromButton(event) {

    varwindow = event.view;

    //Create some common variables if they do not exist.//  This should work from any Firefox context.//  Depending on the context in which the function is being run,//  this could be simplified.if (window === null || typeofwindow !== "object") {
        //If you do not already have a window reference, you need to obtain one://  Add a "/" to un-comment the code appropriate for your add-on type.//* Add-on SDK:varwindow = require('sdk/window/utils').getMostRecentBrowserWindow();
        //*//* Overlay and bootstrap (from almost any context/scope):
        var window=Components.classes["@mozilla.org/appshell/window-mediator;1"]
                             .getService(Components.interfaces.nsIWindowMediator)
                             .getMostRecentWindow("navigator:browser");
        //*/
    }
    if (typeofdocument === "undefined") {
        //If there is no document defined, get itvardocument = window.content.document;
    }
    if (typeof gBrowser === "undefined") {
        //If there is no gBrowser defined, get itvar gBrowser = window.gBrowser;
    }

    let menuSavePage = gBrowser.ownerDocument.getElementById("menu_savePage");
    menuSavePage.doCommand();
}

Finding out the ID for the "Save Page As..." dialog is made easier by using the DOM Inspector in combination with the add-on Element Inspector.