提升程序员工作效率的工具/技巧推荐系列
- 推荐一个功能强大的文件搜索工具SearchMyFiles
- 介绍一个好用的免费流程图和UML绘制软件-Diagram Designer
- 介绍Windows任务管理器的替代者-Process Explorer
- 介绍一个强大的磁盘空间检测工具Space Sniffer
- 如何在电脑上比较两个相似文件的差异
- 程序员工作效率提升系列-推荐一个JSON文件查看和修改的小工具
- 将Chrome调试器里的JavaScript变量保存成本地JSON文件
- 分享一个开源的JavaScript统计图表库,40行代码实现专业统计图表
- 推荐一个短小精悍的Chrome缓存管理工具-ChromeCacheView
- 给程序员的福利-分享一个将代码转换成图片的在线网站
前端开发人员经常需要将当前的网页截图发给产品经理讨论。如果网页很长,一个屏幕显示不下,那么操作系统自带的截图功能就没有办法截取整个屏幕了。
最近我找到一个办法,通过Chrome开发者工具自带的截图功能可以截取超过一个屏幕的完整网页视图。
下面分享给大家。
打开要截取完整屏幕的网页,打开Chrome开发者工具,按住快捷键Ctrl+Shift+P,会看到很多可用命令,
在命令提示符里输入“full”,会看到只有一个可用选项:Capture full size screenshot:
点击这个命令,Chrome就自动截取当前网页的完整图片,并且提示我们另存到本地。
大家可以看看这个效果:
是不是非常方便?大家从Chrome开发者工具的命令行里还能发现很多其他有用的功能,比如只截取网页上指定元素。
假设我想只截取bing搜索结果页面里id为b_content的元素对应的内容,
在命令里选择Capture node screenshot即可:
下图就是只截取b_content元素对应的截图结果:
相关推荐
如何使用chrome自带的Javascript调试工具
chrome浏览器 截图插件 可以截取全部网页信息 简单好用
Chromeh插件, 网页截图插件, 工具软件 SmartShot 可全屏截图,也可以自定义截图
【chrome插件】chrome截图插件FireShot,版本:0.98.97.2_0,包含API的使用的代码示例,此插件的作用为在chrome浏览器(或chromium内核的浏览器)中使用浏览器截图功能,有可见部分截屏、整个页面截屏和捕获选定区域...
OneNote插件可以直接将当前页面的内容截取到OneNote笔记本中,无需粘贴复制,直接解压缩,扩展程序安装即可
Charset(Chrome网页编码转换工具)是一款简单易用、功能强大的chrome网页编码转换工具,主要能通过内置的二十多种网页编码,将网站设置不规范而出现乱码的网页转换编码使之成为能够浏览的页面,在安装了这款插件后,...
2018年6月更新 因此,在2年后,我终于...使用CEF包装器CefGlue从任何网页上截取屏幕截图。 问题 我想在Windows Azure Worker角色上将SVG栅格化为PNG。 MagickNet( .NET端口)足够公平,但是并不是每个SVG都能完美呈现
Chrome具有DNS预先截取功能。当浏览网页时,“Google Chrome”可查询或预先截取网页上所有链接的IP地址。目标网页。Chrome具有GPU硬件加速:当激活GPU硬件加速时,使用“Google Chrome”浏览那些含有大量图片之网站...
Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的,用户可以使用一些网络的监视工具比如著名的Firebug等...
chrome插件,可以帮助进行浏览器滚动截屏,并能进行编辑 chrome插件,可以帮助进行浏览器滚动截屏,并能进行编辑 chrome插件,可以帮助进行浏览器滚动截屏,并能进行编辑 chrome插件,可以帮助进行浏览器滚动截屏,...
Chrome浏览器扩展程序-屏幕截图和DOM提取 使用此实用程序,您可以截取浏览器内容的屏幕截图,然后将其下载或发送到服务器。该工具还允许您执行以下操作: 在屏幕截图上添加评论 捕获站点DOM 捕获所有网站样式 突出...
chrome截屏插件,可用于对前段的js截屏学习。
chrome的截屏插件 用的是npapi技术开发 支持谷歌chrome 火狐 360等浏览器
chrome浏览器网页翻译失败解决办法
screenshot-extension, Google Chrome的屏幕截图扩展 网页截图这个扩展能够捕获互联网上任何网页上的垂直和水平内容 100% 。 你可以将你的屏幕截图保存到电脑( 以多种格式),打印它,通过电子邮件分享,或者分享到...
优道在线屏幕截图控件(UUDoc Screen Capture Control)是一款基于WEB的在线屏幕截图产品,支持嵌入到IE、FireFox、Chrome、Opera等各类浏览器当中在线使用。用户对电脑屏幕进行截图后可以将截取到的图片保存到指定...
优道在线屏幕截图控件(UUDoc Screen Capture Control)是一款基于WEB的在线屏幕截图产品,支持嵌入到IE、FireFox、Chrome、Opera等各类浏览器当中在线使用。用户对电脑屏幕进行截图后可以将截取到的图片保存到指定...
译库网页翻译Chrome版是一款Chrome浏览器网页翻译插件,一键翻译外文网页,让你轻松浏览外文网页,支持多语种翻译,动态页面翻译,自动检测语种、划词功能,快来下载体验吧。 软件介绍 译库网页翻译一键秒翻,...
Chrome是一款由Google公司开发的网页浏览器。该浏览器基于其他开源软件(如WebKit)撰写,目标是提升稳定性、速度和安全。Google Chrome 是一款快速、易用且安全的网络浏览器。此版 Chrome 是专为windows10 64位设计...
使用headless版Chrome将网页转换为图片