diff --git a/README.md b/README.md index 239e946..c6a14ff 100644 --- a/README.md +++ b/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 diff --git a/chrome/view-network-traffic-for-new-tabs.md b/chrome/view-network-traffic-for-new-tabs.md new file mode 100644 index 0000000..f36effc --- /dev/null +++ b/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)