# DOM inspector in Dev tools

**URL:** <https://discourse.mozilla.org/t/dom-inspector-in-dev-tools/91519>\
**Category:** Developer Tools\
**Created:** [January 13, 2022, 8:28pm UTC](https://discourse.mozilla.org/t/dom-inspector-in-dev-tools/91519 "2022-01-13T20:28:19Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Miro\_Noordzij](https://avatars.discourse-cdn.com/v4/letter/m/ea666f/32.png) [@Miro\_Noordzij](https://discourse.mozilla.org/u/Miro_Noordzij)\
**Post date:** [January 13, 2022, 8:28pm UTC](https://discourse.mozilla.org/t/dom-inspector-in-dev-tools/91519/1 "2022-01-13T20:28:19Z")

</div>

Hi, I’m kinda new to firefox and web development on it’s own. Can anyone help me find the DOM inspector add-on with wich you can see the nodes?  
Thanks in advance!

---

<div class="post-metadata">

**Author:** ![mikoMK](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/mikomk/32/50456_2.png) [@mikoMK](https://discourse.mozilla.org/u/mikoMK)\
**Post date:** [January 14, 2022, 11:48am UTC](https://discourse.mozilla.org/t/dom-inspector-in-dev-tools/91519/2 "2022-01-14T11:48:01Z")

</div>

Hi @Miro_Noordzij and welcome to the community 👋

You first open the Dev Tools by pressing F12. The inspector can be found at the second position to the left on the Dev Tools menu bar.

 ![](https://us1.discourse-cdn.com/flex001/uploads/mozilla/original/3X/b/7/b75f864379dfc291fe73a9ba9c6ded4a59bde7c3.png)

I also recommend having a look at the Dev Tools section on MDN Web Docs:  
[https://developer.mozilla.org/en-US/docs/Tools](https://developer.mozilla.org/en-US/docs/Tools)

I hope that helps!

Have a nice day,  
Michael

---

<div class="post-metadata">

**Author:** ![Miro\_Noordzij](https://avatars.discourse-cdn.com/v4/letter/m/ea666f/32.png) [@Miro\_Noordzij](https://discourse.mozilla.org/u/Miro_Noordzij)\
**Post date:** [January 15, 2022, 2:34pm UTC](https://discourse.mozilla.org/t/dom-inspector-in-dev-tools/91519/3 "2022-01-15T14:34:40Z")

</div>

Hi @mikoMK,  
Tank you so much for the reply, I did find the dev tools, however I came across an addon which gave insides on the nodeName, nodeType and nodeValue directly in the inspector. Does this ring any bells or is that available with the DevTools on default?

Have a nice aswell,  
Miro

---

<div class="post-metadata">

**Author:** ![mikoMK](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/mikomk/32/50456_2.png) [@mikoMK](https://discourse.mozilla.org/u/mikoMK)\
**Post date:** [January 15, 2022, 6:18pm UTC](https://discourse.mozilla.org/t/dom-inspector-in-dev-tools/91519/4 "2022-01-15T18:18:53Z")

</div>

Sorry, I misunderstood you. 🙃

When you right click a node in the inspector you can select “Show DOM Properties” which opens the split console with the node info.  
Is that what you are looking for?

---

<div class="post-metadata">

**Author:** ![Nicolas\_Chevobbe](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/nicolas_chevobbe/32/28203_2.png) [@Nicolas\_Chevobbe](https://discourse.mozilla.org/u/Nicolas_Chevobbe)\
**Post date:** [January 17, 2022, 6:17am UTC](https://discourse.mozilla.org/t/dom-inspector-in-dev-tools/91519/5 "2022-01-17T06:17:18Z")

</div>

it’s not showing only the property you mentioned, but they should be in the panel added by this extension: [https://addons.mozilla.org/en-US/firefox/addon/inspector-dom-sidebar/](https://addons.mozilla.org/en-US/firefox/addon/inspector-dom-sidebar/)

---

<div class="post-metadata">

**Author:** ![mikoMK](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/mikomk/32/50456_2.png) [@mikoMK](https://discourse.mozilla.org/u/mikoMK)\
**Post date:** [January 17, 2022, 8:53am UTC](https://discourse.mozilla.org/t/dom-inspector-in-dev-tools/91519/6 "2022-01-17T08:53:31Z")

</div>

Nice one!  
Thanks for creating this simple but helpful extensions, @Nicolas_Chevobbe 👍

---

<div class="post-metadata">

**Author:** ![Miro\_Noordzij](https://avatars.discourse-cdn.com/v4/letter/m/ea666f/32.png) [@Miro\_Noordzij](https://discourse.mozilla.org/u/Miro_Noordzij)\
**Post date:** [January 24, 2022, 9:11am UTC](https://discourse.mozilla.org/t/dom-inspector-in-dev-tools/91519/7 "2022-01-24T09:11:50Z")

</div>

@mikoMK @Nicolas_Chevobbe  
Thanks guys, this is a lot to go on!  
🕶  
👉 👉