How to edit/reassign Chrome Devtools keyboard shortcuts? - google-chrome-devtools

There's supposed to be an edit button for each shortcut in devtools. It was or still is an experimental flag to show the edit buttons. I am not seeing this option in the flags section. The information I found so far seems outdated or not applicable.
How does one edit the debugger shortcuts? In particular, I want to reassign the F8 button for resuming debugging to F5.

Enable "Enable keyboard shortcut editor" in the Experiments, using Cmd+Shift+P or Ctrl+Shift+P > Show Experiments> Reload DevTools.
Press Cmd+Shift+P or Ctrl+Shift+P to launch the Command Menu > Type "Shortcuts" > Press Enter.
Click the "Edit" icon next to the shortcut. Apply the shortcut and Save.
More info:
https://www.canidev.tools/set-keyboard-shortcuts/chrome

Related

How can I prevent keyboard binding from syncing in VS Code?

I use VS Code in Mac and Windows. All the sudden VS Code is trying to sync my key binding between the two. Is there a way to stop that?
You can disable the syncing of keyboard shortcuts using the command palette:
Press Ctrl+Shift+P to open command palette.
Type and select > Settings Sync: Configure...
Untick the option named Keyboard shortcuts
Hit the OK button in the top right and you should be good to go.

Eclipse: make ESC key focus on active code window

In eclipse (version: 2020-06 (4.16.0)) I wonder if there is a way to map ESC key to focus on active code window.
I've seen this behaviour in NoSQLBooster and is really useful
Yes, to map Esc (in addition to the default of F12) to focus on the active editor, do the following:
Window > Preferences: General > Keys (or hit Ctrl+Shift+L twice)
Select the Active Editor command
Click the Copy Command button
Set the focus into the Binding field and hit Esc
Click the Apply and Close button

VSCode: Disable mouse+ctrl interaction

I often double-click to select followed by ctrl+c to copy. I am finding in vscode that ctrl press with the mouse over a word can perform an action. In some cases it selects the whole line, and in others it jumps to the definition of what is underneath. Is there a way to turn this off?
Note that if you move the mouse cursor off the word then it appears the action is not performed.
You could click on Visual Studio code->Preferences->KeyBoard Shortcuts. Keyboard Shortcuts page opens up. You could change any of the keyboard short cuts, by click on edit icon on the left as shown below
You can change the behavior of these features or disable them altogether by going to Tools > Options > Text Editor.
https://devblogs.microsoft.com/cppblog/productivity-structure-visualizer-ctrl-click-to-go-to-definition/

Is there a shortcut to close source tabs in the devtools debugger?

As pictured here, I'm wondering if there is a keyboard shortcut to close these tabs either one by one or in bulk
AltW or OptW (Mac) to close the active tab. See Sources panel keyboard shortcuts.
CtrlShiftP or ⌘ShiftP then type clo and it'll show you "Close All" command.
Right-click a tab name > select Close all.

What keyboard shortcut(s) can I use to close the error output panel on VSCode when it pops up?

I hit Save, there is some error, a panel pops up with the tab "OUTPUT" open. How do I close it without using the mouse?
"Toggle Panel" command workbench.action.togglePanel
Default keybinding: ctrl+j
Mac Cmd+j