Chrome 浏览器原生功能截长屏

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

注意

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

步骤

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

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

3. 输入 【full size screenshot】

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

4. 点击功能条

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

相关推荐
aircrushin7 分钟前
端到端AI决策架构如何重塑实时协作体验?
前端·javascript·后端
AI前端老薛13 分钟前
前端开发神器 - Image Preview插件
前端
Predestination王瀞潞28 分钟前
2.4 编码->W3C XML 1.0标准(W3C Recommendation):XML(Extensible Markup Language)
xml·前端
FlyWIHTSKY36 分钟前
vue3中const的使用和定义
前端·javascript·vue.js
Chengbei1144 分钟前
Chrome浏览器渗透利器支持原生扫描!JS 端点 + 敏感目录 + 原型污染自动化检测|VulnRadar
javascript·chrome·安全·web安全·网络安全·自动化·系统安全
小璐资源网1 小时前
如何写出干净、易维护的 HTML 结构
前端·html
gongzemin1 小时前
怎么在VS Code 调试vue3 源码
前端·vue.js
C澒1 小时前
微前端容器标准化 —— 公共能力篇:CDN 能力
前端·架构
wulijuan8886662 小时前
ECharts图表性能优化的那些事
前端·javascript·echarts
❀͜͡傀儡师2 小时前
通过npm 手动安装、Docker 部署 OpenClaw小龙虾
前端·docker·npm