Developer tools extensions

Developer tools extensions work with Isolate panes on, but you can add or remove them in both modes.

Right click the Devtools icon (Or the Inspect element icon if you are in Isolate panes mode) in the header to open its submenu and select "Devtools Extension manager". You can add, remove and reload/update devtools extensions via this manager.

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
  • Apollo Client Developer Tools
  • Backbone Debugger
  • Cycle.js
  • Ember Inspector
  • MobX Developers Tools
  • React Developer Tools
  • Redux DevTools
  • Vue.js devtools
  • jQuery Debugger
  • Svelte Developer Tools

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 the bolded part, or the last part after the slash (without the ?hl= part).

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

Get Polypane

The browser for developers and designers building amazing sites and web apps.

Try for free
Polypane screenshot
By using our site you agree to our privacy policy and disclaimer