Add View Network Traffic For New Tabs as a chrome til

Author: jbranchaud

README.md

@@ -10,7 +10,7 @@ smart people at [Hashrocket](http://hashrocket.com/).
 For a steady stream of TILs from a variety of rocketeers, checkout
 [til.hashrocket.com](https://til.hashrocket.com/).
 
-_836 TILs and counting..._
+_837 TILs and counting..._
 
 ---
 
@@ -64,6 +64,7 @@ _836 TILs and counting..._
 - [Simulating Various Connection Speeds](chrome/simulating-various-connection-speeds.md)
 - [Toggle Device Mode](chrome/toggle-device-mode.md)
 - [Toggle Open The Console Drawer](chrome/toggle-open-the-console-drawer.md)
+- [View Network Traffic For New Tabs](chrome/view-network-traffic-for-new-tabs.md)
 
 ### Clojure
 

chrome/view-network-traffic-for-new-tabs.md

@@ -0,0 +1,20 @@
+# View Network Traffic For New Tabs
+
+Generally when you open a new tab and pop open the Network panel in the chrome
+devtools, you won't immediately see any traffic. This is because the initial
+network requests to load the site happened before you accessed the Network
+panel.
+
+If you'd like to view the Network traffic immediately without having to refresh
+the new tab, you'll have to make the devtools panel open automatically with new
+tabs.
+
+1. Click the _triple dot_ icon from the top of the devtools panel
+2. Click 'Settings'
+3. Find the 'DevTools' section
+4. Check the box for 'Auto-open DevTools for popups'
+
+Now, whenever you open a new tab, Chrome devtools will be open and the initial
+network traffic will be recorded.
+
+[source](https://stackoverflow.com/questions/16210468/chrome-dev-tools-how-to-trace-network-for-a-link-that-opens-a-new-tab)