Chrome 浏览器原生功能截长屏

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

注意

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

步骤

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

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

3. 输入 【full size screenshot】

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

4. 点击功能条

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

相关推荐
Zestia14 分钟前
页面点击跳转源代码?——element-jumper插件实现
前端·javascript
前端小白199514 分钟前
面试取经:工程化篇-webpack性能优化之优化loader性能
前端·面试·前端工程化
PineappleCoder14 分钟前
大小写 + 标点全搞定!JS 如何精准统计单词频率?
前端·javascript·算法
zhangbao90s16 分钟前
Web组件:使用Shadow DOM
前端
hhy前端之旅16 分钟前
语义版本控制:掌握版本管理的艺术
前端
coding随想16 分钟前
深入浅出DOM操作的隐藏利器:Range(范围)对象——掌控文档的“手术刀”
前端
前端小白199517 分钟前
面试取经:工程化篇-webpack性能优化之减少模块解析
前端·面试·前端工程化
一枚前端小能手17 分钟前
🏗️ 项目越来越大维护不动了,微前端架构了解一下
前端
文艺理科生26 分钟前
Nuxt.js入门指南-Vue生态下的高效渲染技术
前端·vue.js·nuxt.js
夏小花花30 分钟前
vue3 ref和reactive的区别和使用场景
前端·javascript·vue.js·typescript