1
0
mirror of https://github.com/jbranchaud/til synced 2026-01-19 15:08:02 +00:00

Compare commits

...

2 Commits

Author SHA1 Message Date
jbranchaud
cc1275aec5 Add an additional note to the latest TIL 2024-02-25 11:41:52 -06:00
jbranchaud
9a237572aa Add Trigger Commands From The Devtools Command Palette as a Chrome TIL 2024-02-25 11:39:50 -06:00
2 changed files with 27 additions and 1 deletions

View File

@@ -10,7 +10,7 @@ pairing with smart people at Hashrocket.
For a steady stream of TILs, [sign up for my newsletter](https://crafty-builder-6996.ck.page/e169c61186).
_1378 TILs and counting..._
_1379 TILs and counting..._
---
@@ -110,6 +110,7 @@ _1378 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)
- [Trigger Commands From The Devtools Command Palette](chrome/trigger-commands-from-the-devtools-command-palette.md)
- [View Network Traffic For New Tabs](chrome/view-network-traffic-for-new-tabs.md)
### Clojure

View File

@@ -0,0 +1,25 @@
# Trigger Commands From The Devtools Command Palette
There are a ton of tabs, drop downs, and nested menus in Chrome's devtools. If
I know what I am looking for, that is great, I can navigate to it without much
trouble. But for other features and commands, I'm stumped and can end up
spending minutes looking around.
For example, where is the option to 'Disable JavaScript'?
I don't know. And I don't need to know.
Instead of searching around for it, I can pop open the devtools _command
palette_ with `cmd+shift+p`. This is a modal menu that prompts me to search for
a command to run. I start typing `disab` and already `Disable JavaScript`
appears as one of the top options. I can select that option and JavaScript will
be disabled.
When I'm ready to turn it back on. I can hit `cmd+shift+p` again and search for
`enab`. The `Enable JavaScript` option appears and I can select it to turn it
back on.
Note: you'll need to have the devtools panel open and your focus will need to
be on it for the keybinding to be picked up.
[source](https://developer.chrome.com/docs/devtools/command-menu)