GUIDE: Inspect Pages</RWB>

GUIDE: Dev Tools --> Inspect Pages

Opening the browser's developer toolset can be done in many ways. Multiple key binding combinations or even selecting the option from the settings will do the trick. In the edge browser, you can follow this quick bit: (Alt + F) + L + S --> type edge://inspect

Application tab in dev tools. — Edge browser search bar

With the DEV tools open, development may resume, until a separate tab needs to be opened. The process needs to be repeated for each tab. This can slow productivity, so an even faster method can be used to navigate tabs quickly, directly into the dev tools. Introducing the URL as such: edge://inspect/#pages

Open inspection panel:

Step 1: Navigate to edge://inspect
Step 2: Click to open the Pages page
Step 3: Click inspect to jump to that page with network inspection open

LocalStorage before clearing browser data — **Step 1:** Edge and chrome browsers each open the Devices page first

LocalStorage after clearing browser data — **Step 2:** Nineteen tabs are open in relation to DNS.
**Note:** each page has an inspect and a pause button.

Cookies after clearing browser data — **Step 3:** After clicking inspect, the page is opened with the dev tools at the Network tab.

Monitor browser processes

Step 4: (Optional) Shift + Esc opens the browser task manager. The process ID (PID) matches that found in the details tab of the OS task manager.