Chrome自带滚动截图

时间:2024-03-22 11:42:02

滚动截屏通常需要装第三方软件,又要面临到底装哪个截图软件最好用,其实Chrome浏览器就自带滚动截屏功能。

  1. 使用快捷键打开浏览器的控制台 Ctrl + Shift + I (Windows) || Option + Command + I (Mac)或者 “右键”-> "查看"
    Chrome自带滚动截图

  2. 使用快捷键打开命令行 Command + Shift + P (Mac) || Ctrl + Shift + P (Windows)
    Chrome自带滚动截图

  3. 输入Screenshot,选择Capture full size screenshot来滚动截图
    Chrome自带滚动截图

  4. 选择区域:Capture area screenshot

    会出现一个➕,拉动鼠标选择要截图的区域,鼠标左键一松开就会下载选择区域对一个的图片
    Chrome自带滚动截图

  5. 整个网页:Capture full size screenshot
    这里以百度新闻为例演示Chrome自带滚动截图

  6. 节点网页:Capture node screenshot
    节点截图需要在Elements中选中要截图的html节点元素,并且节点元素必须在浏览器中可以看到,就会截图html节点对应的html内容
    Chrome自带滚动截图
    Chrome自带滚动截图

  7. 当前屏幕:Capture screenshot
    截取浏览器当前屏幕内容,不包括控制台面板。
    Chrome自带滚动截图