Quickly edit/view resources from the Elements panel

Umar Hansa
Umar Hansa

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!