school Are you a developer in an agency in the UK, Indonesia or India? Find out more about our free 2 day Progressive Web Apps training .

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!