When you know the name of the resource that you want to inspect, the Command Menu provides a fast way of opening the resource.
Press Control+P or Command+P (Mac). The Open File dialog opens.
Select the file from the dropdown, or start typing the filename and press Enter once the correct file is highlighted in the autocomplete box.
Open resources in the Network panel
Reveal resources in the Network panel from other panels
The Browse resources section below shows you how to view resources from various parts of the DevTools UI. If you ever want to inspect a resource in the Network panel, right-click the resource and select Reveal in Network panel.
Browse resources in the Network panel
See Log network activity.
Browse by directory
To view a page's resources organized by directory:
- Click the Sources tab to open the Sources panel.
Click the Page tab to show the page's resources. The Page pane opens.
Here's a breakdown of the non-obvious items in Figure 6:
- top is the main document browsing context.
- airhorner.com represents a domain. All resources nested under it come from that
domain. For example, the full URL of the comlink.global.js file is probably
- scripts is a directory.
- (index) is the main HTML document.
- iu3 is another browsing context. This context was probably created
<iframe>element embedded in the main document HTML.
- sw.js is a service worker execution context.
Click a resource to view it in the Editor.
Browse by filename
By default the Page pane groups resources by directory. To disable this grouping and view each domain's resources as a flat list:
- Open the Page pane. See Browse by directory.
Click More Options and disable Group By Folder.
Resources are organized by file type. Within each file type the resources are organized alphabetically.
Browse by file type
To group resources together based on their file type:
Click the Application tab. The Application panel opens. By default the Manifest pane usually opens first.
Scroll down to the Frames pane.
Expand the sections that you're interested in.
Click a resource to view it.