Don't miss out on the action at this year's Chrome Dev Summit, happening on Oct 23rd and 24th. Learn more.

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!