使用 Chrome Dev Tools 代码折叠快捷方式

Question

在设置/首选项中，我们可以在 Chrome Dev 上启用代码折叠。但我没有找到使用键盘快捷键的方法，例如。全部折叠等。确实在“快捷方式”部分窗口和“完整列表”中也进行了查找，但没有成功。我假设我们不能在当前版本上做到这一点。如果有人知道它，我也会很高兴知道它。

Answer 1

没有这样的热键，因此请尝试在https://crbug.com上建议此功能。

同时您可以手动添加它：

1. 确保在 devtools 设置中启用了“代码折叠”（在“源”组中）

2. 在devtools-on-devtools 中运行此代码（请参阅下面的说明）

   [
     ['Shift-Ctrl-[', 'fold'],
     ['Shift-Ctrl-]', 'unfold'],
     ['Shift-Ctrl--', 'foldAll'],
     ['Shift-Ctrl-=', 'unfoldAll'],
   ].forEach(([key, cmd]) => {
     CodeMirror.keyMap['devtools-common'][key] = CodeMirror.commands[cmd];
   });
   

3. 关闭 devtools-on-devtools

这仅适用于当前的 devtools 实例。

为方便起见，您可以将代码保存在片段中并稍后从那里运行，或者在命令面板（Ctrl-P或Cmd-P热键）中键入片段名称。

如何打开 devtools-on-devtools：

1. 首先打开 devtools 并将其Dock side在菜单中切换到分离（浮动）窗口

   

2. 在现在分离的 devtools 按CtrlShifti或??i在 MacOS 上，
   这将在新窗口中打开devtools-on-devtools