网站首页 > 知识剖析 正文
滚动截屏通常需要装第三方软件,又要面临到底装哪个截图软件最好用,其实谷歌浏览器就自带滚动截屏功能。
使用快捷键打开浏览器的控制台 Ctrl + Shift + I (Windows) || Option + Command + I (Mac)或者 “右键”-> "查看"
使用快捷键打开命令行 Command + Shift + P (Mac) || Ctrl + Shift + P (Windows)
输入Screenshot,选择Capture full size screenshot来滚动截图
选择区域:Capture area screenshot会出现一个?,拉动鼠标选择要截图的区域,鼠标左键一松开就会下载选择区域对一个的图片
整个网页:Capture full size screenshot 这里以百度新闻为例演示
节点网页:Capture node screenshot 节点截图需要在Elements中选中要截图的html节点元素,并且节点元素必须在浏览器中可以看到,就会截图html节点对应的html内容
当前屏幕:Capture screenshot 截取浏览器当前屏幕内容,不包括控制台面板。
欢迎关注本账号,将持续发布实用技术文章
猜你喜欢
- 2024-12-25 uni-app入门理论知识 uni-app入门到实战
- 2024-12-25 公开招标=轴承滚动体厂齿箱滚子生产线厂房东侧通道维修项目
- 2024-12-25 vue实现滑块拖拽校验 vue滑动条
- 2024-12-25 Vue中如何实现列表动画 vue 动画示例
- 2024-12-25 2022年最好的10个JavaScript动画库
- 2024-12-25 MacOS 如何选择鼠标不飘滚动平滑 mac鼠标滑轮上下滚动设置
- 2024-12-25 新版Chrome浏览器如何使用网页滚动截图
- 2024-12-25 10个滚动到底部自动加载插件 10个滚动到底部自动加载插件是什么
- 2024-12-25 前端特效 | 如何制作一个彩虹滚动进度条?
- 2024-12-25 滚动图标——手机图标随着手势滚动,让你的桌面动起来
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)