Chrome - 配置截图热键

Question

有没有办法在谷歌浏览器中添加截图快捷键？

Answer 1

我在 DevTools 团队工作。它没有键盘快捷键，也无法添加自定义键盘快捷键。

但是您可以从命令菜单访问它。

1. 打开命令菜单。
2. 开始输入

   Screenshots

   并选择

   Capture full size screenshot

   。

Answer 2

长列表，但学习后执行速度最快：

1. 按 CTRL+SHIFT （按住它们）
2. 按 i （打开 Chrome 开发工具）
3. 按 p （打开命令菜单）
4. 释放 CTRL+SHIFT
5. 写入“re s”（选择“Capture screenshot”命令）
6. 按 Enter （执行命令并下载捕获的屏幕截图）

步骤 n 的变体。 5：

• 写入“cfu”（选择“Capture full尺寸截图”命令）
• 写入“caph”（选择“Capture区域屏幕hot”命令）
• 写入“cnod”（选择“Capture node sreenshot”命令）

Answer 3

要在页面具有焦点时截取屏幕截图（因此需要快捷键）：

1. 在开发工具中，打开命令菜单，输入

   Rendering

   ，然后选择“显示渲染”：

   

2. 在“渲染”选项卡中，启用☑️模拟聚焦页面：

   

3. 现在您可以按照doc中的描述截取屏幕截图，但无需使用快捷方式：

   

---

自 Chrome 123 起，也可以从 Elements > Styles 区域激活“模拟焦点页面”设置。

样式"/> ^{来源：DevTools 中的新增功能 (Chrome 123)}