前端开发人员经常需要将当前的网页截图发给产品经理讨论。如果网页很长，一个屏幕显示不下，那么操作系统自带的截图功能就没有办法截取整个屏幕了。
最近我找到一个办法，通过Chrome开发者工具自带的截图功能可以截取超过一个屏幕的完整网页视图。
下面分享给大家。
打开要截取完整屏幕的网页，打开Chrome开发者工具，按住快捷键Ctrl+Shift+P，会看到很多可用命令，
如何用Chrome自带的截屏功能截取超过一个屏幕的网页
2021-12-08
113
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
如何用Chrome自带的截屏功能截取超过一个屏幕的网页
目录
相关文章
|
2月前
|
Web App开发
Windows
|
3月前
|
Web App开发
存储
前端开发
|
4月前
|
Web App开发
定位技术
|
8月前
|
Web App开发
前端开发
搜索推荐
|
8月前
|
Web App开发
缓存
JavaScript
|
8月前
|
Web App开发
JavaScript
前端开发
|
9月前
|
Web App开发
缓存
网络协议
|
11月前
|
Web App开发
|
Web App开发
安全
内存技术
新版谷歌Chrome取消对PPAPI插件支持后，浏览器网页打开编辑保存微软Office、金山WPS文档解决方案
最近陆续看到一些大学发布公告，谷歌Chrome取消了对PPAPI插件支持，导致某些在线Office厂家产品将无法在谷歌Chrome107及以上版本运行，被迫更换360浏览器或者使用低版本Chrome浏览器苟延残喘。
281
0
1
|
Web App开发
开发者
热门文章
最新文章
1
《手把手教你》系列技巧篇（七）-java+ selenium自动化测试-宏哥带你全方位吊打Chrome启动过程（详细教程）
2
谷歌浏览器Chrome播放rtsp视频流解决方案
3
谷歌浏览器Chrome 56将加入敏感数据传输警告
4
Chrome对网页性能的检测--2015-05-05总结
5
谷歌重视速度：Chrome比去年快了26%
6
使用 Chrome 来调试你的 Android App
7
Chrome浏览器开发调试系列(一)
8
chrome 和 safari 广告插件拦截了我的div
9
微软专家推荐11个Chrome 插件
10
js在Chrome Browser的调试
1
性能工具之前端分析工Chrome Developer Tools性能标签
36
2
控制台出现报错DevTools failed to load source map: Could not load content for chrome-extension://的原因及解决方案
46
3
防止你的 Web 应用被别人通过 Chrome 开发者工具进行调试的一种简单办法
30
4
关于使用 Python 和 Selenium chrome driver 访问 url 时修改 source ip 的问题
60
5
使用vue快速开发一个带弹窗的Chrome插件
67
6
从零开始，轻松打造个人化Chrome浏览器插件
73
7
谷歌公布 2023 年最受欢迎Chrome扩展
31
8
【JavaEE初阶】 CSS相关属性,元素显示模式,盒模型,弹性布局,Chrome 调试工具||相关讲解
59
9
只需五步，在Linux安装chrome及chromedriver（CentOS）
332
10
chrome插件安装方法教程
31