网页长截图工具_学习：chrome浏览器原生工具长截图技巧

每天看西班牙新闻，看到有趣的新闻，就想把它保存下来。我用了最简单的方法，就是电脑上的屏幕截图键(PrtSc)。

用电脑屏幕截图，每次只能截取屏幕中显示的图像。对于那些长文的新闻，我只能多截几次屏，再想办法拼接起来，比较麻烦。

其实我也尝试过在浏览器的右上角的工具栏中选择“打印网页”，打印成pdf。但是，往往会在换页的地方有内容缺失，或者有些内容被其它的东西挡住了。而且我想要的是保存成图片。

今天在网上找到了解决方案。方案如下：

1、安装chrome浏览器。

2、在chrome浏览器找到自己要保存的网页。

3、chrome浏览器的右上角有三竖着的点，选中那三个点的按钮，接着找到“其它工具”，找到并选中“开发工具”。

出现在眼前的是让人头皮发麻的代码界面。虽然有些恐怖，但是不要害怕。

4、同时按住“Ctrl” 、“shift”键 (⇧键)、字母“P”键，在那堆代码里就出现了一个输入命令的空栏。

5、输入“Capture full size screenshot” , 之后按一下回车键，就完成页面保存了(保存成长图片)。

6、在“下载”文件夹中，就可以找到保存后的图片。

补充技巧：如果只是想对网页某一块内容截图，步骤如下：

前面3个步骤相同

第4个步骤：同时按住“Ctrl” 、“shift”键 (⇧键)、字母“C”键，即打开内容块识别功能。

第5个步骤：选中想截图的内容。

第6个步骤：同时按住“Ctrl” 、“shift”键 (⇧键)、字母“P”键，在那堆代码里就出现了一个输入命令的空栏。

第7个步骤：输入“Capture node screenshot” , 之后按一下回车键，就完成d对页面部分内容的保存了。

保存后的图片同样是在“下载”文件夹中，就可以找到。

用chrome浏览器原生工具进行长截图，简单快捷，还不用安装各种小插件。又学到个新技巧，感觉很不错。

其实攻略网上都有，但是我当时看的时候，就觉得大神们忽略了一些很细小的步骤没有讲到，看完了也还是有些糊涂(可能是那些小步骤太简单了，大神觉得没有必要讲)。所以我觉得有必要自己实践和梳理一下步骤，记录下来。这样印象会深一些。

毕竟“好记性不如烂笔头嘛”。

所以朋友们老吐槽我喜欢写写记记。哈哈哈

J.M. 简米君

2020年10月16日

于西班牙马德里

参考资料

https://sspai.com/post/42193