Browser extension, that is making your elm Debug.log output much easier to work with.
❤️ Love it? ⭐️ Star it.
- Transforms Debug.log string from Elm into collapsible object in browser console
- Optionally uses Custom Formatter for Chrome-based browsers for better visualisation
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|---|---|---|---|---|---|
| 49 & later ✔ | 52 & later ✔ | 36 & later ✔ | 79 & later ✔ | Latest ✔ | Latest ✔ |
-
yarn installto install dependencies. -
To watch file changes in developement
- Chrome
yarn run dev:chrome
- Firefox
yarn run dev:firefox
- Opera
yarn run dev:opera
- Chrome
-
Load extension in browser
-
- Go to the browser address bar and type
chrome://extensions - Check the
Developer Modebutton to enable it. - Click on the
Load Unpacked Extension…button. - Select your extension’s extracted directory.
- Go to the browser address bar and type
-
- Load the Add-on via
about:debuggingas temporary Add-on. - Choose the
manifest.jsonfile in the extracted directory
- Load the Add-on via
-
- Load the extension via
opera:extensions - Check the
Developer Modeand load as unpacked from extension’s extracted directory.
- Load the extension via
Please file an issue here for bugs, missing documentation, or unexpected behavior.
Built on top of awesome web-extension-starter by Abhijith Vijayan
MIT © Tomas Latal





