Helpers that can be used when debugging Firefox in the Browser Console / Browser Debugger

Browser Console Helpers

Helpers that can be used when debugging Firefox in the Browser Console / Browser Debugger

get-active-toolbox.js

/* Get a reference to an existing toolbox for the currently
   selected tab */

var {devtools} = Cu.import("resource://devtools/shared/Loader.jsm", {});
var target = devtools.TargetFactory.forTab(gBrowser.selectedTab);
var {gDevTools} = devtools.require("devtools/client/framework/devtools");
var toolbox = gDevTools.getToolbox(target);

new-tool.js

function MyTool(iframeWindow, toolbox) {
  this.panelWin = iframeWindow;
  this._toolbox = toolbox;
};
MyTool.prototype = {
  get target() this._toolbox.target,
  open: function() {
    console.log("Initializing things...");
    return new Promise(resolve => {
      setTimeout(() => {
        console.log("Waited long enough.. open done");
        resolve(this);
      }, 100);
    });
  },
  destroy: () => {
    console.log("Destroying things...");
  }
};

gDevTools.registerTool({
  id: "mytool",
  label: "My Tool",
  build: (win, toolbox) => {
    return new MyTool(win, toolbox);
  },
  isTargetSupported: () => { return true },
  url: "data:text/html,<h1>My Tool</h1>"
})

open-toolbox-for-tab.js

/* Open a new toolbox (or reuse an existing one) for the
   currently selected tab */
var {devtools} = Cu.import("resource://gre/modules/devtools/Loader.jsm", {});
var target = devtools.TargetFactory.forTab(gBrowser.selectedTab);
gDevTools.showToolbox(target, "inspector", "window").then(toolbox=> {
  console.log(toolbox);
});

require-module-from-loader.js

var {devtools} = Cu.import("resource://gre/modules/devtools/Loader.jsm", {});
var acorn = devtools.require("acorn/acorn");
var getToken = acorn.tokenize("var foo = 'bar'")

take-census-of-toolbox.js

var {devtools} = Cu.import("resource://gre/modules/devtools/Loader.jsm", {});
var target = devtools.TargetFactory.forTab(gBrowser.selectedTab);
var toolbox = gDevTools.getToolbox(target);
var win = toolbox.doc.defaultView;
var { addDebuggerToGlobal } = Cu.import("resource://gre/modules/jsdebugger.jsm", {});
addDebuggerToGlobal(this);
var dbg = new Debugger(win);
var path = ChromeUtils.saveHeapSnapshot({ debugger: dbg });
var snapshot = ChromeUtils.readHeapSnapshot(path);
var census = snapshot.takeCensus({ breakdown: { by: "count", bytes: true } });

census;