![Umar Hansa](https://web.dev/images/authors/umarhansa.jpg) Umar Hansa [X](https://twitter.com/umaar) [Homepage](https://umaar.com/)

<br />

![Quickly view/edit CSS or JavaScript resources from the Elements panel.](https://developer.chrome.com/static/blog/quickly-edit-view-resources-from-the-elements-panel/image/quickly-viewedit-css-ja-32679d7af2b4f.gif)

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

```html
<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!