Chrome 浏览器原生功能截长屏

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

注意

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

步骤

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

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

3. 输入 【full size screenshot】

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

4. 点击功能条

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

相关推荐
不爱吃饭爱吃菜34 分钟前
uniapp微信小程序-长按按钮百度语音识别回显文字
前端·javascript·vue.js·百度·微信小程序·uni-app·语音识别
程序员拂雨1 小时前
Angular 知识框架
前端·javascript·angular.js
GoodStudyAndDayDayUp2 小时前
gitlab+portainer 实现Ruoyi Vue前端CI/CD
前端·vue.js·gitlab
程序员阿明2 小时前
vite运行只能访问localhost解决办法
前端·vue
前端 贾公子2 小时前
uniapp -- 验证码倒计时按钮组件
前端·vue.js·uni-app
淡笑沐白2 小时前
AJAX技术全解析:从基础到最佳实践
前端·ajax
龙正哲2 小时前
如何在Firefox火狐浏览器里-安装梦精灵AI提示词管理工具
前端·firefox
徐徐同学3 小时前
轻量级Web画板Paint Board如何本地部署与随时随地在线绘画分享
前端
LuckyLay3 小时前
Vue百日学习计划Day4-8——Gemini版
前端·vue.js·学习
八戒社3 小时前
WooCommerce短代码Shortcodes使用方法
前端·wordpress·woocommerce