Install or create extensions to customize DevTools

There's a lot of tools in DevTools already, probably more than you use. But in some cases, you may need very specific tools that aren't available by default.

Thankfully, DevTools can be extended with custom tools! You can either download extensions others have created to customize the DevTools UI, or even create your own.

For example, you can download the React DevTools extension for Chrome, Firefox, or Edge.

All browsers have their own extension stores where you can find other DevTools extensions: Chrome, Edge, Firefox, Safari.

To go further, you can create your own extensions. Here are a few links to learn about developing your own extensions:

• Create an extension that customizes the DevTools UI on learn.microsoft.com.
• Extending DevTools on developer.chrome.com.
• Extending the developer tools on MDN.
• Adding a web development tool to Safari Web Inspector on developer.apple.com.