Help us make DevTools Tips better! Fill out this survey to tell us more about your DevTools habits and frustrations.
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.
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.