Skip to contentSkip to footer

Developer tools extensions

You can install Chromium devtools extensions (addons) in Polypane through the devtools extension manager. You can use them in the devtools for each pane.

To open the Devtools Extension manager, go to the "Edit" main menu, then "configurators", then "Devtools extensions", right click the Devtools icon in the header to open the submenu and select "Devtools Extension manager", or click the button in the devtools pane. You can add, remove and reload/update devtools extensions via this manager.

When you reload devtools we automatically fetch the latest version from the Chrome web store.

Supported extensions

To add a devtool, Select the name of one of the preconfigured devtools in the form and click the plus button. We currently have the following devtools preconfigured:

  • Angularjs Batarang
  • Angular DevTools
  • Angular State Inspector
  • Alpinejs devtools
  • Apollo Client Developer Tools
  • Backbone Debugger
  • CSS Stacking Context
  • Cycle.js
  • DOM treemap
  • Ember Inspector
  • MobX Developers Tools
  • React Developer Tools
  • Redux DevTools
  • Vue.js devtools
  • Vue Devtools beta
  • jQuery Debugger
  • Svelte Developer Tools
  • Preact DevTools
  • Meteor DevTools

Chrome webstore ID

You can also fill in a Chrome webstore ID and we will fetch the specified developer tool. Please be aware we can't guarantee these will work. To find a Chrome webstore id, search for the extension in the Chrome store. The URL will look like this:

chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en

You will need just the bolded part, or the last part after the slash (without the ?hl= part).

Note: Devtools extensions do not work in legacy mode.

Is your question not answered?
Ask via Twitter, Slack or our contact form

Build your next project with Polypane

  • Use all features on all plans
  • On Mac, Window and Linux
  • 14-day free trial – no credit card needed
Try for freeView pricing
Polypane screenshot