Quickly edit/view resources from the Elements panel

Published on Updated on

Quickly view/edit CSS or JavaScript resources from the Elements panel.

If you see resources in the Elements Panel DOM tree, e.g.

<script src="app.js"></script>
<link rel="stylesheet" href="styles.css">

You can right click on them and select Open. The file opens in the Sources Panel where you can view the full source, or start editing it!

Updated on Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.