Browser developer toolsλ︎
|view / edit the source code of the page
|see log messages and interact with current page via code
|format the original ClojureScript code in the browser
|Network requests when a page is loaded
|Inspect and debug progressive apps, service workers and app manifests
|Responsive design mode
|UI look and behavior of page on different devices and network types
|Report on accessibility support of a page
Ensure source maps are enabled in the browser developer tools.
Chrome DevTools Extensions for ClojureScript developersλ︎
DevTool Extensions add more better presentation of ClojureScript values in Chrome DevTools using custom formatters, more informative exceptions with sanity hints) and support for Dirac DevTools - a fork of the Chrome DevTools.
Install DevTools Extensionsλ︎
Add devtools dependency into your Leiningen's project.clj using the details on the Clojars.org website
Add the DevTools extensions to the startup part of your ClojureScript using the
(:require [devtools.core :as devtools]) expression. Then call
install! function from
Here is an example of adding the DevTools extension library and calling it with several options
Dirac DevTools (a fork of Chrome DevTools)λ︎
Dirac DevTools is a fork of the Chrome DevTools.