1
0
mirror of https://github.com/jbranchaud/til synced 2026-01-03 07:08:01 +00:00

Add Easier Access To Network Throttling Controls as a chrome til

This commit is contained in:
jbranchaud
2018-02-23 11:33:11 -06:00
parent fa699348a8
commit 2c35ed57fe
2 changed files with 19 additions and 1 deletions

View File

@@ -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)

View File

@@ -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.