elm-debug-extension
elm-debug-extension copied to clipboard
This web browser extension transforms the Elm's Debug.log output to be more readable.
Elm debug extension
Browser extension, that is making your elm Debug.log output much easier to work with.
❤️ Love it? ⭐️ Star it.
Features
- Transforms Debug.log string from Elm into collapsible object in browser console
- Optionally uses Custom Formatter for Chrome-based browsers for better visualisation
Browser Support
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|---|---|---|---|---|---|
| 49 & later ✔ | 52 & later ✔ | 36 & later ✔ | 79 & later ✔ | Latest ✔ | Latest ✔ |
Development
-
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
-
Chrome
- 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
-
Firefox
- Load the Add-on via
about:debuggingas temporary Add-on. - Choose the
manifest.jsonfile in the extracted directory
- Load the Add-on via
-
Opera
- Load the extension via
opera:extensions - Check the
Developer Modeand load as unpacked from extension’s extracted directory.
- Load the extension via
Bugs
Please file an issue here for bugs, missing documentation, or unexpected behavior.
Kudos
Built on top of awesome web-extension-starter by Abhijith Vijayan
License
MIT © Tomas Latal





