diff --git a/docs/installation.md b/docs/installation.md
index 2aa5059..843656a 100644
--- a/docs/installation.md
+++ b/docs/installation.md
@@ -1,10 +1,12 @@
# CLJS DevTools Installation
-## Enable Custom formatters in Chrome
+## Enable Custom formatters in the browser
-Available in [**Chrome 47 and higher**](http://googlechromereleases.blogspot.cz/2015/12/stable-channel-update.html).
+### In Chrome and Edge
-~~**WARNING**: Custom formatters will be probably removed from Chrome 86 (or later).~~
+Available in [**Chrome 47 and higher**](https://googlechromereleases.blogspot.cz/2015/12/stable-channel-update.html) and **Edge 79 and higher**.
+
+~~**WARNING**: Custom formatters will be probably removed from Chrome 86 (or later).~~
~~Please read recent news in [issue 55](https://github.com/binaryage/cljs-devtools/issues/55).~~
~~Newly since Chrome 84 you have to re-enable custom formatters every time you open devtools. The setting is not sticky anymore.~~
@@ -16,7 +18,20 @@ All should work the same as before for now. If your setting is not sticky, pleas
* Open DevTools
* Go to Settings ("three dots" icon in the upper right corner of `DevTools > Menu > Settings F1 > Preferences > Console`)
- * Check-in "Enable custom formatters"
+ * Check "Enable custom formatters"
+ * Close DevTools
+ * Open DevTools
+
+Note: You might need to refresh the page first time you open Console panel with existing logs - custom formatters are applied
+only to newly printed console messages.
+
+### In Firefox
+
+Available in [**Firefox 111 and higher**](https://www.mozilla.org/en-US/firefox/111.0/releasenotes/).
+
+ * Open DevTools
+ * Go to Settings ("three dots" icon in the upper right corner of `DevTools > Menu > Settings F1 > Advanced settings`)
+ * Check "Enable custom formatters"
* Close DevTools
* Open DevTools
diff --git a/examples/deps/public/index.html b/examples/deps/public/index.html
index 360721a..98fcf41 100644
--- a/examples/deps/public/index.html
+++ b/examples/deps/public/index.html
@@ -9,8 +9,8 @@
-1. Please open Chrome DevTools (CMD+OPT+I / CTRL+SHIFT+I)
-2. Enable custom formatters in DevTools -> Settings -> Console -> Enable custom formatters
+1. Please open Chrome, Edge or Firefox DevTools (CMD+OPT+I / CTRL+SHIFT+I)
+2. Enable custom formatters in DevTools -> Settings -> Console / Advanced settings -> Enable custom formatters
3. Refresh the page and see output in the DevTools Console
diff --git a/examples/lein/readme.md b/examples/lein/readme.md
index a4bf597..5254a11 100644
--- a/examples/lein/readme.md
+++ b/examples/lein/readme.md
@@ -17,7 +17,7 @@ Build the project and start a local demo server:
Wait for compilation and when figwheel fully starts:
* A demo page should be available at [http://localhost:7000](http://localhost:7000).
- * Please visit it with Google Chrome browser with [enabled custom formatters](https://github.com/binaryage/cljs-devtools).
+ * Please visit it with Google Chrome, Microsoft Edge or Mozilla Firefox browser with [enabled custom formatters](https://github.com/binaryage/cljs-devtools).
* Open the web development console under devtools and you should see something similar to the screenshot above.
Note: you might need to refresh the page again to force re-rendering of custom formatters after opening the console.
diff --git a/examples/shadow/public/index.html b/examples/shadow/public/index.html
index 647dd7f..cb6b9cf 100644
--- a/examples/shadow/public/index.html
+++ b/examples/shadow/public/index.html
@@ -9,8 +9,8 @@
-1. Please open Chrome DevTools (CMD+OPT+I / CTRL+SHIFT+I)
-2. Enable custom formatters in DevTools -> Settings -> Console -> Enable custom formatters
+1. Please open Chrome, Edge or Firefox DevTools (CMD+OPT+I / CTRL+SHIFT+I)
+2. Enable custom formatters in DevTools -> Settings -> Console / Advanced settings -> Enable custom formatters
3. Refresh the page and see output in the DevTools Console
diff --git a/project.clj b/project.clj
index 3f9f096..070f6f8 100644
--- a/project.clj
+++ b/project.clj
@@ -1,6 +1,6 @@
(def clojurescript-version (or (System/getenv "CANARY_CLOJURESCRIPT_VERSION") "1.11.4"))
(defproject binaryage/devtools "1.0.6"
- :description "A collection of Chrome DevTools enhancements for ClojureScript developers."
+ :description "A collection of Chrome, Edge and Firefox DevTools enhancements for ClojureScript developers."
:url "https://github.com/binaryage/cljs-devtools"
:license {:name "MIT License"
:url "http://opensource.org/licenses/MIT"
diff --git a/readme.md b/readme.md
index 51af56d..fd56136 100644
--- a/readme.md
+++ b/readme.md
@@ -4,9 +4,9 @@
[](https://clojars.org/binaryage/devtools)
[](https://github.com/binaryage/cljs-devtools/tree/master/examples)
-CLJS DevTools adds enhancements into Chrome DevTools for ClojureScript developers:
+CLJS DevTools adds enhancements into Chrome, Edge and Firefox DevTools for ClojureScript developers:
-* Better presentation of ClojureScript values in Chrome DevTools (see the [:formatters][1] feature)
+* Better presentation of ClojureScript values in DevTools (see the [:formatters][1] feature)
* More informative exceptions (see the [:hints][2] feature)
* Long stack traces for chains of async calls (see the [:async][3] feature)
diff --git a/src/lib/devtools/formatters.cljs b/src/lib/devtools/formatters.cljs
index 3585c66..a77f95b 100644
--- a/src/lib/devtools/formatters.cljs
+++ b/src/lib/devtools/formatters.cljs
@@ -1,6 +1,6 @@
(ns devtools.formatters
(:require-macros [devtools.oops :refer [unchecked-aget unchecked-aset]])
- (:require [goog.labs.userAgent.browser :refer [isChrome isVersionOrHigher]]
+ (:require [goog.labs.userAgent.browser :refer [isAtLeast]]
[devtools.prefs :as prefs]
[devtools.util :refer [get-formatters-safe set-formatters-safe! in-node-context?]]
[devtools.context :as context]
@@ -14,7 +14,9 @@
(defn ^:dynamic available? []
(or (in-node-context?) ; node.js or Chrome 47+
- (and (isChrome) (isVersionOrHigher 47))))
+ (isAtLeast "CHROMIUM" 47)
+ (isAtLeast "EDGE" 79) ;; First Edge to use Blink, has Blink 79.
+ (isAtLeast "FIREFOX" 111)))
(deftype CLJSDevtoolsFormatter [])