Wednesday, January 20, 2016

How to open "Developer tools" (Network Monitor)


Chrome
Firefox
Opera
Microsoft Edge




Select the Chrome menu (1)  ,
   Chrome Menu at the top-right of your browser window,
   then select "More Tools" > "Developer Tools".

Or Right-click on any page element and select Inspect Element.
Or Ctrl+Shift+i




Click (4) to select Network tab

https://developer.chrome.com/devtools





Chrome
Firefox
Opera
Microsoft Edge

-----------------------------------------------------------------------




Click the wrench icon (2) , which is in the main toolbar or under the Hamburger menu (1), then select "Network".




https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor





Chrome
Firefox
Opera
Microsoft Edge

-----------------------------------------------------------------------





Menu ==> Developer ===> Developer Tools ===> Network




http://www.opera.com/developer/tools/






Chrome
Firefox
Opera
Microsoft Edge

-----------------------------------------------------------------------




Show/Hide DevTools (opens to last viewed panel) F12, Ctrl+Shift+I

  https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide/network



Chrome
Firefox
Opera
Microsoft Edge






No comments:

Post a Comment