When running the latest version of Discourse core in a development environment, you’ll notice a new toolbar on the left-hand-side of the screen: [Developer Tools] This provides one-click access to commonly-needed developer tools. So far, we have: :electric_plug: Plugin Outlet Debug This shows al…

[이미지] David Taylor: In production, it can be enabled by running enableDevTools() in the browser console. You can even try it here on Meta! Clicking the :electric_plug: icon to show outlets makes Chrome crash, making the page/tab unresponsive. I disabled my Chrome extensions, but it still cras…

I can reproduce it on Meta as well. On Firefox, you can see that there is also a rendering infinite loop: <a class="lightbox" href="https://global.discourse-cdn.com/meta/original/4X/3/a/5/3a510d2eb0f702502e56eac58e33a7b31dec7a9f.png" data-download-href="/uploads/short-url/8jTlpn8TU26Uf9DYWCAQ4Jp2J8r.png?dl=1" title="The image displays a JavaScript console error message "Uncaught (in promise) Error: infinite rendering invalidation detected" next to a list of numbers and strings: '7', '29', '_trigger', 'end', 'endor;' which appear to be part of a code line. (Captioned by AI)">[The image displays a JavaScript console error message "Uncaught (in promise) Error: infinite rendering invalidation detected" next to a list of numbers and strings: '7', '29', '_trigger', 'e…

Huh! It definitely worked a few days ago, but now I see the same error. I’ll investigate - thanks for the reports!

Just merged this commit which will fix the infinite-rerendering on the topic page

Since I don’t see any way to do this on mobile, I’m working on a simple TC to add a button to the header (inspired by the Plugin Outlets TC).

When viewing a development environment on mobile, the toolbar will appear on the left of the screen so you can use it as normal. In production environments, you’ll need to call enableDevTools() from the console (or from theme/theme-component javascript) to turn on the toolbar. Note that this has a …

Yep. Users can click the button to activate dev tools for them. Not for all users.

Here it is: [이미지] Enable Dev Tools Button Theme component information_source Summary Adds a button to the site header to enable Dev Tools eyeglasses Preview https://discourse.theme-creator.io/theme/NateDhaliwal/enable-dev-tools-button hammer_and_wrench …

Can we have a toggle for mobile_view? Sometimes, I want to check quickly this view. I can make a PR if so!

Why not the toggle in the sidebar though?

Discourse 개발자 도구 모음 소개

개발

NateDhaliwal (Nate Dhaliwal) 2월 5, 2025, 1:17오후 8

모바일에서 이 작업을 수행할 방법을 찾지 못해, 헤더에 버튼을 추가하는 간단한 TC를 만들고 있습니다. (Plugin Outlets TC에서 영감을 받았습니다.)

글		댓글	조회수
Developer Toolbox Theme component official , development , developer-toolbox	12	2791	2월 6, 2025
(deprecated) Plugin outlet locations theme component Theme component end-of-life	38	10844	1월 23, 2025
Enable Dev Tools Button Theme component	13	731	1월 3, 2026
Developing Discourse Plugins - Part 2 - Connect to a plugin outlet Developer Guides plugin-guides , tutorial	38	30867	11월 23, 2025
Developer Guides Index Developer Guides index	0	2436	5월 15, 2024

Discourse 개발자 도구 모음 소개

Related topics