Chrome 浏览器原生功能截长屏

我偶尔需要截取一些网页内容作为素材,但偶尔内容很长无法截全,需要多次截屏再拼接,过于麻烦。所以记录下这个通过浏览器原生功能截长屏的方案。

注意

这种方案并不是百分百完美,如果涉及到一些需要滚动加载的数据或者悬浮区块,长屏内容就会错位。

步骤

1. 按下【F12】打开控制台

2. 按下【Command + Shift + P】唤起检索框

3. 输入 【full size screenshot】

即可看到浏览器原生的截屏功能

4. 点击功能条

然后你就可以在浏览器的下载记录中看到你需要的网页长屏了。

相关推荐
Cachel wood13 分钟前
Vue.js前端框架教程11:Vue监听器watch和watchEffect
前端·javascript·vue.js·git·ui·前端框架·ecmascript
Cachel wood19 分钟前
Vue.js前端框架教程14:Vue组件el-popover
前端·javascript·vue.js·python·elementui·django·前端框架
夏 魂32 分钟前
前端平台搭建初体验
前端
web1508509664132 分钟前
前端TypeScript学习day01-TS介绍与TS部分常用类型
前端·学习·typescript
来都来了_33 分钟前
React 底部加载组件(基于antd)
前端·javascript·react.js
山小嗨34 分钟前
Vue3组件数据双向绑定
前端·javascript·vue.js
returnadsss39 分钟前
从零搭建网站(第四天)
前端·javascript
GISer_Jing40 分钟前
2025考研加油!Jing也加油哦!
前端·考研·面试
m0_7482482340 分钟前
创新实训——前端:配置问题及解决
前端
Cachel wood1 小时前
Vue.js前端框架教程12:Vue表单验证rules和form.validate
服务器·前端·javascript·vue.js·前端框架·ecmascript