diff --git a/README.md b/README.md index fd2e8a4..2a7418f 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/). -_624 TILs and counting..._ +_625 TILs and counting..._ --- @@ -53,6 +53,7 @@ _624 TILs and counting..._ ### Chrome - [Access A Value Logged To The Console](chrome/access-a-value-logged-to-the-console.md) +- [Easier Access To Network Throttling Controls](chrome/easier-access-to-network-throttling-controls.md) - [Pretty Print Tabular Data](chrome/pretty-print-tabular-data.md) - [Reference The Selected Node](chrome/reference-the-selected-node.md) - [Simulating Various Connection Speeds](chrome/simulating-various-connection-speeds.md) diff --git a/chrome/easier-access-to-network-throttling-controls.md b/chrome/easier-access-to-network-throttling-controls.md new file mode 100644 index 0000000..5ce15f5 --- /dev/null +++ b/chrome/easier-access-to-network-throttling-controls.md @@ -0,0 +1,17 @@ +# Easier Access To Network Throttling Controls + +In [Simulating Various Network Connection +Speeds](https://github.com/jbranchaud/til/blob/master/chrome/simulating-various-connection-speeds.md), +I showed how to change between various simulated connection speeds from the +_Network_ tab in Chrome devtools. Unfortunately, the Connection Speed +dropdown is crowded out by a number of other controls in the _Network_ tab. +As a result, unless that tab is expanded pretty wide, you won't be able to +get at it. I've found myself sliding the devtools wider and narrower over +and over while testing things with throttling. + +There is another, easier place to access throttling. + +![](https://i.imgur.com/fHN8F28.gif) + +The console drawer gives us access to a number of additional tabs of +controls. Add the _Network connections_ tab for easier access.