chrome 全屏截图_如何在不带扩展功能的Chrome中拍摄全屏截图

chrome 全屏截图

We spend a considerable portion of our time using a web browser. Sometimes we may need to get a screenshot of a full page in our browser.

我们使用网络浏览器花费了大量时间。 有时我们可能需要在浏览器中获取整个页面的屏幕截图。

I recently learned that Google Chrome has the option to do that, without using any additional extensions. In this article, we will see how to do that.

我最近得知，Chrome浏览器可以选择执行此操作，而无需使用任何其他扩展程序。 在本文中，我们将看到如何做到这一点。

在Chrome中打开DevTools (Open DevTools Inside Chrome)

First, we need to open DevTools inside Chrome. We can open it in different ways:

首先，我们需要在Chrome中打开DevTools 。 我们可以通过不同的方式打开它：

1. Main Menu (three vertical dots) in the top-right corner > More tools > Developer tools.

   右上角的主菜单 (三个垂直点)> 更多工具 > 开发人员工具。

2. We can also open it using the following keyboard shortcuts: Control+Shift+I in Windows and Linux, or Command+Option+I in Mac.

   我们还可以使用以下键盘快捷方式打开它：Windows和Linux中为Control+Shift+I ，或者在Mac中为Command+Option+I

3. Another way to open it, is by right-clicking anywhere in the page and select Inspect.

   另一种打开方法是，右键单击页面中的任意位置，然后选择“ 检查” 。

打开命令菜单 (Open the Command Menu)

Now we need to open the command menu. We can do that by pressing Control+Shift+P in Windows and Linux, or Command+Shift+P in Mac.

现在我们需要打开命令菜单。 我们可以通过在Windows和Linux中按Control+Shift+P或在Mac中按Command+Shift+P来实现。

捕捉截图 (Capture Screenshot)

Then, we need to write and select Capture full size screenshot. After we have done that, we should get a PNG file as a screenshot for the full page.

然后，我们需要编写并选择Capture full size screenshot 。 完成之后，我们应该获得一个PNG文件作为整个页面的屏幕截图。

That’s it for this quick tip. It’s really simple, but I think it can be very useful.

快速提示就是这样。 这确实很简单，但我认为它可能非常有用。

This article was originally published on Medium

本文最初发表于Medium

翻译自: https://www.freecodecamp.org/news/how-to-take-full-page-screenshots-in-chrome-without-extensions/

chrome 全屏截图