# Introducing Discourse developer toolbar

**URL:** https://meta.discourse.org/t/introducing-discourse-developer-toolbar/346215
**Category:** Development
**Tags:** dev-news
**Created:** [January 8, 2025, 4:33pm UTC](https://meta.discourse.org/t/introducing-discourse-developer-toolbar/346215 "2025-01-08T16:33:31Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [January 8, 2025, 4:33pm UTC](https://meta.discourse.org/t/introducing-discourse-developer-toolbar/346215/1 "2025-01-08T16:33:31Z")

</div>

When running the [latest version of Discourse core](https://github.com/discourse/discourse/commit/498481e5be21780c20e3646bd934eb9d7316a8f8) in a development environment, you’ll notice a new toolbar on the left-hand-side of the screen:

 ![Developer Tools](https://global.discourse-cdn.com/meta/original/4X/f/2/2/f22b51daaffa3465a6263530892c73243127540a.png)

This provides one-click access to commonly-needed developer tools. So far, we have:

### 🔌 Plugin Outlet Debug

This shows all plugin outlets, with tooltips showing realtime values of all of the available `@outletArgs`.

This was inspired by the popular [plugin outlet locations](https://meta.discourse.org/t/plugin-outlet-locations-theme-component/100673) theme component, and [the plugin before it](https://meta.discourse.org/t/plugin-outlet-locations/29589). But unlike those, the tight integration with core means it can always be 100% up-to-date with the latest outlets & arguments.

### 🚑 Safe ​mode

Toggles [safe mode](https://meta.discourse.org/t/53504?silent=true) on and off

### 📜 Verbose localization

Toggles [the verbose localization feature](https://meta.discourse.org/t/find-a-translation-key-with-verbose-localization/134651)

* * *

In development, this is enabled by default, and can be disabled using the ‘X’ button.

In production, it can be enabled by running `enableDevTools()` in the browser console. You can even try it here on Meta! If `enableDevTools()` is not available, it’s probably because you’re on an error page which doesn’t load the full Ember app.

We hope to add more tools over the coming weeks/months, so watch this space! If you have any feedback, or ideas for tools, let us know below!

---

_[View the full topic](https://meta.discourse.org/t/introducing-discourse-developer-toolbar/346215)._