How to enable the inspector/developer tools

Hello,

I’m trying to inspect some elements so that I can make small tweaks to the UI, but I cannot find any documentation on how to inspect elements, or in general how the DOM looks. What is the intended way to do this?

Thank you for your help!

(For context: I am trying to hide the root bullet point in block embeds as I have a lot of them :slight_smile:)

Welcome to the community @ted_996!

Make sure you have developer mode enabled via ... > Settings > Advanced > Developer mode:

Then thedeveloper tools are available via View >Toggle Developer Tools or Option-Cmd-i on Mac. On Windows, it’s Ctrl-Shift-i .

CleanShot 2022-08-02 at 20.56.06

4 Likes

Thank you! For reference, on Windows it’s Ctrl+Shift+i.

Weirdly enough, it’s the first time I’m seeing the menu bar (with the “View” button) - it’s nowhere to be seen on Windows…

1 Like

For anyone looking for this on Linux, if the menu bar isn’t visible, Alt should make it show up. Using keys, it’s Ctrl+Shift+I, but oddly, I have to do the key combo twice for the tools to appear. Just noticed that, so I haven’t had time to figure out yet whether that’s a weirdness on my machine, or a bug.

1 Like

Can confirm that Alt works on Windows too to show/hide the menu bar.