利用chrome浏览器实现滚动截屏

您所在的位置:网站首页 google浏览器怎么滚动截屏 利用chrome浏览器实现滚动截屏

利用chrome浏览器实现滚动截屏

2023-11-14 14:01| 来源: 网络整理| 查看: 265

不知道怎么在浏览器上滚动截屏,搜索之后找到解决方法,在此记录一下。

打开Chrome浏览器,进入需要截图的网站页面,加载完毕之后:

场景一:截取整个页面

1.打开开发者工具(在页面的任何地方点击鼠标右键,在弹出菜单中选择“检查”选项或者使用快捷键组合:Alt + Command+ I (Mac) 或 Ctrl + Shift + I (Windows)) 2.打开命令行(快捷键组合:Command + Shift + P(Mac) 或 Ctrl + Shift + P (Windows)) 3.在命令行中输入“Screen”,点击“Capture full size screenshot” 如下图所示: 在这里插入图片描述

场景二: 截取页面中的某些元素

1.打开开发者工具(在页面的任何地方点击鼠标右键,在弹出菜单中选择“检查”选项或者使用快捷键组合:Alt + Command+ I (Mac) 或 Ctrl + Shift + I (Windows)) 2.点击开发者工具左上角的“选取元素”按钮,在网页中点击要截图的元素 3.打开命令行(快捷键组合:Command + Shift + P(Mac) 或 Ctrl + Shift + P (Windows)) 4.在命令行中输入“Screen”,点击“Capture node screenshot”,即可截取相应元素 在这里插入图片描述在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3