wholekruto.blogg.se - Cara file swf di chrome

Viewing a resource in the Application panel By default the Manifest pane usually opens first.Įxpand the sections that you're interested in.įigure 11. To group resources together based on their file type:Ĭlick the Application tab. The Page pane after disabling Group By Folder Within each file type the resources are organized alphabetically.įigure 9. See Browse by directory.Ĭlick More Options and disable Group By Folder. To disable this grouping and view each domain's resources as a flat list:

sw.js is a service worker execution context.Ĭlick a resource to view it in the Editor.īy default the Page pane groups resources by directory.

This context was probably created by an element embedded in the main document HTML. For example, the full URL of the file is probably. All resources nested under it come from that domain.

top is the main document browsing context.

Here's a breakdown of the non-obvious items in Figure 6: To view a page's resources organized by directory:Ĭlick the Sources tab to open the Sources panel.Ĭlick the Page tab to show the page's resources. Page resources in the Network Log # Browse by directory The Reveal in Network panel option # Browse resources # Browse resources in the Network panelįigure 5. If you ever want to inspect a resource in the Network panel, right-click the resource and select Reveal in Network panel.įigure 4. The Browse resources section below shows you how to view resources from various parts of the DevTools UI. Inspecting a resource in the Network panel # Reveal resources in the Network panel from other panels Typing a filename in the Open File dialogįigure 3.

Select the file from the dropdown, or start typing the filename and press Enter once the correct file is highlighted in the autocomplete box.įigure 2. When you know the name of the resource that you want to inspect, the Command Menu provides a fast way of opening the resource. This guide assumes that you're familiar with the basics of web development and Chrome DevTools. Examples of resources include CSS, JavaScript, and HTML files, as well as images. Resources are the files that a page needs in order to display correctly. This guide teaches you how to use Chrome DevTools to view a web page's resources.