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 install
to 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 Mode
button 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:debugging
as temporary Add-on. - Choose the
manifest.json
file in the extracted directory
- Load the Add-on via
-
Opera
- Load the extension via
opera:extensions
- Check the
Developer Mode
and 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