docs: Add dev tool extension

excaliburjs · Oct 8, 2024 · 4cc6d89 · 4cc6d89
1 parent 17a49a3
commit 4cc6d89
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/site/docs/02-fundamentals/07-debugging.mdx b/site/docs/02-fundamentals/07-debugging.mdx
@@ -4,7 +4,15 @@ slug: /debugging
 section: Fundamentals
 ---
 
-There are a couple gotchas that can bite new developers in excalibur. We recommend using the [Excalibur Debug Browser Extension](https://github.com/excaliburjs/excalibur-extension)
+## Excalibur Dev Tool Browser Extension
+
+There are a couple gotchas that can bite new developers in excalibur. We recommend using the [Excalibur Dev Tool Browser Extension](https://github.com/excaliburjs/excalibur-extension)
+
+![excalibur dev tool extension](extension.gif)
+
+Install the extension in your favorite browser
+* [Install in Chrome](https://chromewebstore.google.com/detail/excalibur-dev-tools/dinddaeielhddflijbbcmpefamfffekc)
+* [Install in Firefox](https://addons.mozilla.org/en-US/firefox/addon/excalibur-dev-tools/)
 
 :::tip
 

diff --git a/site/docs/02-fundamentals/extension.gif b/site/docs/02-fundamentals/extension.gif
diff --git a/site/docs/13-plugins/16-dev-tool.mdx b/site/docs/13-plugins/16-dev-tool.mdx
@@ -4,6 +4,12 @@ slug: /devtool
 section: Plugins
 ---
 
+:::warning
+
+The dev tool plugin is no longer supported in later versions, use the [browser extension](/docs/debugging) instead.
+
+:::
+
 This is a dev tool to help you debug your game written in excalibur.
 
 This tool allows you to see information about the engine, currentScene, camera, clock, entities, and more!