Join us for web.dev LIVE, a digital event from June 30th to July 2nd to learn modern web techniques. More at web.dev/live

Quickly edit/view resources from the Elements panel

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!