当前位置: 首页 > Chrome插件推荐 > Chrome浏览器如何完美实现滚动截图技巧
 

一、前言

    我们平时在浏览网页时,想把碰到好的网页内容或者文章截屏保存,但是网页的长度常常会超出屏幕高度,一般的截屏功能只能截取显示在屏幕上的内容,那我们该如何方便快捷截取全部内容?今天就分享一个如何利用Chrome浏览器在不安装第三方软件的情况下直接截取网页的方法。

二、如何利用Chrome浏览器截屏

    1、选择Chrome浏览器,打开需要截图的网页;

    2、页面加载完成后,按下快捷键组合 Ctrl+Shift+I(Windows)/F12 或者 Alt+Command+I(Mac)调出开发者工具,具体如下图所示:

    3、开发者工具中,按下快捷键组合Ctrl+Shift +P(Windows) Command+Shift+P(Mac)来打开命令行,具体如下图所示:

    4、在命令行中输入"Screen",可以看到三个选项,根据不同需求进行选择,具体如下图所示:

Chrome浏览器如何完美实现滚动截图技巧

    ◆ 整个网页:Capture full size screenshot

    ◆ 节点网页:Capture node screenshot

    ◆ 当前屏幕:Capture screenshot

三、应用

    1、截取整个网页的内容,进行截屏(Capture full size screenshot)

Chrome浏览器如何完美实现滚动截图技巧

    2、选择需要的元素节点,进行截屏(Capture node screenshot)

Chrome浏览器如何完美实现滚动截图技巧

    3、根据当前当前屏幕的大小,进行截屏(Capture screenshot)

Chrome浏览器如何完美实现滚动截图技巧

四、总结

    如果你想在网页中截取手机的画面截,可通过快速键 Ctrl + Shift + M(Mac为 Command + Shift + M)来开启模拟工具,切换 iPhone、iPad、Nexus、Galaxy 等装置开启网页的显示情形,再根据上面介绍的截图功能抓取网页在手机显示的画面截图,具体如图所示:

Chrome浏览器如何完美实现滚动截图技巧

    利用Chrome浏览的开发者工具,完美实现网页全屏截图,不需要安装任何插件,大家快来试试吧。

    ① Ctrl+Shift+I(F12)

    ② Ctrl+Shift+P

    ③ 输入"Screen"

    ④ 选择不用的方式截取:

        ▶ 整个网页(Capture full size screenshot

        ▶ 节点网页(Capture node screenshot

        ▶ 当前屏幕(Capture screenshot

 

网页截图:注释&批注-Awesome Screenshot Chrome插件

Awesome screenshot是一款针对谷歌浏览器所推出的辅助chrome浏览器插件。这款谷歌览器截图插件功能强大,是chrome用户一个非常实用的截屏扩展软件,同时截屏之后还可以直接对图片进行一些编辑处理。在chrome应用商店的中文名称是:网页截图:注释&批注

网页截图、截屏插件-Nimbus Screenshot Chrome插件

Nimbus Screenshot 是一款网页截图的chrome浏览器插件,还可以对截图后的图片进行注释等二次编辑。这是款强大好用的屏幕截图工具,可以任意截取屏幕上的每一角,或是选择整个屏幕都可以,截完图之后有简单的编辑工具可以后制图片,还可以直接将图片储存在 Nimbus、计算机或是 Google 云端硬盘里,也可直接打印图片

浏览器网页截图插件FireShot:Capture Webpage Screenshot Chrome插件

捕捉网页截图,编辑和保存截图为PDF / JPEG / GIF / PNG / BMP ;上传,打印,发送到Photoshop ,剪贴板或电子邮件
FireShot的抓住了镀铬的网页截图。您可以编辑和注释你的截图。

的屏幕截图瞬间产生任何流量。没有第三方网站和所需的登录!

& QUOT ;最好的免费谷歌Chrome扩展2013 & QUOT ;通过PCMAG.COM ( http://www.pcmag.com/article2/0,2817,2397682,00.asp )

可以用FireShot的网页截图做了什么:

✓捕获网页完全
✓捕获页面
✓捕捉选择
✓保存截图到磁盘PDF, PNG , JPEG和✓
副本截图中唯一可见的部分剪贴板
✓打印截图

此外,在Windows用户可以执行以下操作:

✓编辑截图:裁剪,调整大小,添加文字和箭头标注,模糊领域和应用等功效
✓打印
✓另存截图PDF文件
✓保存截图到磁盘PDF , PNG , GIF , JPEG , BMP
✓发送到OneNote (专业版)
✓上传到Twitter ,谷歌的Picasa , Facebook的, ImageShack的, Flickr后, EasyCaptures
✓截图复制到剪贴板
✓打印截图
✓电子邮件
✓出口在外部编辑器

Diigo Web Collector:网页笔记插件可以做书签,注释,截图等 Chrome插件

Diigo Web Collector是一款由社会学书签网站Diigo推出的 Chrome插件,最受人喜欢的它用来在网页上做笔记,高亮显示选中的文本,就像在本子上勾画重点一样。一款集书签、注释、截图和标记等多种强大功能于一身的Chrome插件。

谷歌浏览器网页截图、截屏插件-Webpage Screenshot Chrome插件

相传,最好的方式来保存和共享
这个简单的屏幕截图的方式通过网络使用扩展的网页截屏。捕获所有网页或部分保存或与同事,朋友或家人分享。我们的易于使用的编辑工具,您可以发送,如果你想突出某些区域和/或停电等之前标记的图像。伟大工程,在所有平台上!

#截屏

当你与你想捕捉的东西在页面上,单击工具栏上的相机图标。或者,你可以右键点击任意位置在页面上选择不同的屏幕截图选项。如果你想捕捉只是一个特定的图像绘制过,右键点击它。

#保存截图

直接下载您的截图到您的计算机,或上传到截图.CO通过一个链接,仅仅是接触到的人与你分享轻松共享。对于额外的安全性,对screenshot.co截图七天后自动删除。

#反馈

任何和所有的反馈是值得欢迎的和听到的。截图才刚刚开始!

截图 - Webpage Screenshot Chrome插件

# Full page screenshot
# Desktop screenshot
# Screenshot editor
# Crop
# Highlight and paint
# Save local or share online

It is powerful and simple. It has more features t

网页截图工具:Blipshot( one click screenshots) Chrome插件

。真正的快速和简单的一键全页面截图与拖放
Blipshot是一键截图扩展:只需点击该图标,页面截图将被创建:然后你可以拖放它不管你想要的。
为什么要浪费时间,如果你只是想要一个屏幕截图? ;)

这个扩展可以在Windows,Mac和Linux

特点
-
•全页面截图,不只是可视面积!
•采用最新的Chrome版本,它也截图Flash内容
•真正的一键截图,最简单的扩展可能
•快速拖放或右键单击保存为PNG图像
•截图保存为网页名称,日期和时间

如何工作
-
•单击工具栏上的图标:它会自动进行全页面截图。 !做
•截图将出现在页面右侧的图像:拖放到您的计算机或右键单击并&QUOT上,保存图像为...&QUOT ;.
•要关闭截图只需点击灰色区域


-
记住装载页面,你想它截图(Chrome浏览器需要初始化扩展之前安装该扩展后,每一页)

感谢本·埃利斯和吉列尔莫·劳赫的贡献

请求和BUGS
-
请在此通知我:。HTTPS: //github.com/folletto/Blipshot/issues

有依赖,从谷歌的进展铬可惜2的烦恼:

qSnap: 跨浏览器截图插件 Chrome插件

qSnap是基于只有100 %的浏览器,跨平台的屏幕捕获工具可用!无论您喜欢的Chrome ,火狐,Safari ,歌剧或IE浏览器,你将受益于qSnap 。随着点击,您可以捕捉任何可见的屏幕或全屏幕并自动合并成一个单一的,轻量级的文档的多个捕获!作为chrome插件安装到您选择的浏览器, qSnap总是提供给您轻松捕捉一个或多个屏幕上的图像。在网上记框和标注丰富您的图像和无缝共享图像文档。而这一切完全免费的!

[捕捉单个或多个网页]
- 随着一个简单的点击“啪”一出手网页
- 继续的点击,如果你有多个网页捕捉
-qSnap存储您抢购捕捉到你的托盘编辑
- 捕获可见屏幕或整页

[编辑图像捕获]
- 编辑您的快照与内置的注释工具
-Circle ,亮点,作物,添加注释
- 隐藏敏感信息
通过您捕捉

- 创建一个丰富的数字对话[分享/保存您的捕获]
- 使用我们的免费托管服务来存储你的捕获
- 我们存储30天免费的每个文件
- 分享你的抢购文件URL
-SAVE撷本地
直接-Email您抢购捕获

[最新更新]
版本1.4.1.0 :在Chrome 34
版本
*修正权限问题happenning 1.4.0.0 :