elm-debug-extension icon indicating copy to clipboard operation
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

Chrome Firefox Opera Edge Brave vivaldi
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
  • 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.
  • Firefox

    • Load the Add-on via about:debugging as temporary Add-on.
    • Choose the manifest.json file in the extracted directory
  • Opera

    • Load the extension via opera:extensions
    • Check the Developer Mode and load as unpacked from extension’s extracted directory.

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