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

Add Trigger Commands From The Devtools Command Palette as a Chrome TIL

This commit is contained in:
jbranchaud
2024-02-25 11:39:50 -06:00
parent 5e68fb8c64
commit 9a237572aa
2 changed files with 24 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,22 @@
# 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.
[source](https://developer.chrome.com/docs/devtools/command-menu)