greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/guide/chinese/developer-tools/developer-tools-in-browsers/chrome-developer-tools/screenshot-utility/index.md

512 B
Raw Blame History

title localeTitle
Useful screenshot shortcuts 有用的截图快捷方式

DevTools截图功能

使用Chrome开发者工具时，捕获整个页面的屏幕截图会很有用。虽然有附加组件可以实现这一点，但谷歌浏览器内置了自己的功能。

脚步

  1. 打开Chrome Devtools
  2. 在Devtools中Ctrl + P（Mac上的Cmd + P）
  3. 开始输入> screenshot
  4. 从可用功能中进行选择（捕获全尺寸截图到目前为止我最有用）
  5. 享受您的新截图