/boomerang-inspector

Boomerang Inspector Browser Extension

Primary LanguageJavaScript

Boomerang Inspector Browser Extension

Summary

Provides a browser extension for quickly viewing information about the Boomerang library running on a page.

popup

Also provides a devtools tab for viewing/debugging various Boomerang and page events (native overrides, network requests, History events, Boomerang beacons, etc.).

devtools

NOTE: Does not work in Safari or mobile browsers.

Building

$ npm install
$ npm run-script build

Loading

Per browser instructions:

Chromium based Chrome / Edge / Opera

  • Navigate to chrome://extensions/, edge://extensions/ or opera://extensions/ depending on the browser.
  • Enable the "Developer mode" checkbox
  • Click the "Load unpacked extension..." button and select the dist sub-directory

See also:

Firefox

  • Navigate to about:debugging
  • "Enable add-on debugging" checkbox (removed in newer versions)
  • Click the "Load Temporary Add-on" button and select the manifest.json file in the dist sub-directory

See also https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Temporary_Installation_in_Firefox

Edge (pre-Chromium)

  • Navigate to about:flags
  • "Enable extension developer features"
  • Goto Extensions in the menu
  • Click the "Load extension" button and select the dist sub-directory
  • In the extension settings, turn it on and enable "Show button next to address bar"

See also https://docs.microsoft.com/en-us/microsoft-edge/edgehtml/extensions/guides/adding-and-removing-extensions