For example, select the network-tutorial path to display index.html: By default, the All filter button is selected, so all the webpage's resource files are listed in the Network tool, one row per resource file: Make sure the Record network log button in the upper left is selected (red). If that tab isn't visible, click the More tabs ( ) button, or else the More Tools ( ) button. In DevTools, on the main toolbar, select the Network tab. Or, press Ctrl+ Shift+ I (Windows, Linux) or Command+ Option+ I (macOS). To open DevTools, right-click the webpage, and then select Inspect. (The source files for that webpage are at MicrosoftEdge / Demos > network-tutorial.) In a new window or tab, go to a webpage, such as the Inspect Network Activity Demo. To learn how to get the details for a specific resource, see Inspect the details of the resource in Inspect network activity. In the Network tool, you can inspect the resource files that make up the current webpage, such as. Start typing the filename, and then press Enter when the correct file is highlighted in the autocomplete box, or select the file from the dropdown list:īrowse resource files in the Network tool If there's a greater-than (>) prompt, press Backspace to get to the Open File prompt. The Command Menu opens, displaying the Open File list: Or, you can click the ( ) menu button in DevTools and then select Open file. When DevTools has focus, press Ctrl+ P (Windows, Linux) or Command+ P (macOS). Or press Ctrl+ Shift+ I (Windows, Linux) or Command+ Option+ I (macOS). (The source files for that webpage are at MicrosoftEdge / Demos > devtools-a11y-testing.) In a new window or tab, go to a webpage, such as the Accessibility-testing features demo. When you know the name of a webpage's resource file that you want to inspect, the Command Menu in DevTools provides a fast way of finding and opening that resource. ![]() Open resource files from the Command Menu ![]() Resources are the files that make up a webpage. You can view the resources that make up a web page from within several tools (or panels) in Microsoft Edge DevTools, including:
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |