chrome网页长屏幕截图_拍摄Google Chrome中任何网页的屏幕截图

chrome网页长屏幕截图_拍摄Google Chrome中任何网页的屏幕截图

chrome网页长屏幕截图

If you are using Google Chrome, there are times when you might want to quickly take a screenshot of a page without having to open a third party utility. Today we take a look at the Webpage Screenshot extension for Chrome which will save a screenshot of any webpage in PNG format.

如果您使用的是Google Chrome浏览器,有时您可能需要快速截取页面的屏幕截图而不必打开第三方实用程序。 今天,我们来看看Chrome的网页截图扩展程序,它将以PNG格式保存任何网页的截图。

Sometimes obtaining a screenshot of a webpage can be a bit of work depending on whether you need only a portion of it or the whole thing. If you do not want to take the time to launch another screenshot utility, this extension works well in a pinch.

有时,获取网页的屏幕截图可能会有些麻烦,具体取决于您只需要部分还是全部。 如果您不想花时间启动另一个屏幕截图实用程序,则此扩展程序在某些情况下效果很好。

chrome网页长屏幕截图_拍摄Google Chrome中任何网页的屏幕截图

Webpage Screenshot in Action

实际中的网页截图

As soon as you find a webpage that you would like a screenshot of click on the “Toolbar Icon” to open this drop-down window. Notice that there are three types of screenshots that you can take: a Resized Window (specific pixel size), a Visible Area Screenshot, or the Entire Webpage.

找到网页后,您需要单击“工具栏图标”的屏幕快照以打开此下拉窗口。 请注意,您可以采用三种类型的屏幕截图:“调整大小的窗口”(特定的像素大小),“可见区域”屏幕截图或“整个网页”。

chrome网页长屏幕截图_拍摄Google Chrome中任何网页的屏幕截图

If you choose the “Resize Window Option” this is what you will see. Being able to enter a custom width and height will be great for anyone who loves to finesse their screenshots.

如果选择“调整窗口大小选项”,则会看到此内容。 能够输入自定义的宽度和高度对于喜欢细化其屏幕截图的任何人都非常有用。

chrome网页长屏幕截图_拍摄Google Chrome中任何网页的屏幕截图

For our example we chose “All Page Screenshot”. The drop-down window will be active and the webpage itself will “auto-scroll” as your screenshot is being created.

对于我们的示例,我们选择“所有页面截图”。 在创建屏幕快照时,下拉窗口将处于活动状态,并且网页本身将“自动滚动”。

chrome网页长屏幕截图_拍摄Google Chrome中任何网页的屏幕截图

When finished you will be presented with a thumbnail of the screenshot, the image size, and a clickable link to view the image itself.

完成后,您将看到屏幕快照的缩略图,图像大小以及可单击的链接,以查看图像本身。

chrome网页长屏幕截图_拍摄Google Chrome中任何网页的屏幕截图

Clicking to view the image will open the image in a new tab. Looking at it the only difference between it and the original will be the “Control Area” at the top and the lack of a website address if you are viewing it at 100%…ours turned out that nicely.

单击以查看图像将在新选项卡中打开图像。 查看它和原始内容之间的唯一区别是顶部的“控制区域”,并且如果您以100%的比例查看它,则缺少网站地址…我们的结果很好。

chrome网页长屏幕截图_拍摄Google Chrome中任何网页的屏幕截图

When you have saved the screenshot you can easily open and view it using the “Download Bar”…

保存截图后,您可以使用“下载栏”轻松打开并查看它。

chrome网页长屏幕截图_拍摄Google Chrome中任何网页的屏幕截图

If you have taken a lot of screenshots you can easily search through them on the “Downloads Page”.

如果您已截取了很多屏幕截图,则可以在“下载页面”上轻松搜索它们。

chrome网页长屏幕截图_拍摄Google Chrome中任何网页的屏幕截图

The Results

结果

Here is our screenshot opened in Paint.NET…definitely looking good.

这是我们在Paint.NET中打开的屏幕截图……绝对不错。

There was one interesting thing that we noted during our test. The entire length of the webpage was captured but the “visible width area” of the screenshot was affected by the width of the browser window itself (in our case the browser was not maximized). This will not be a problem if you have your browser window maximized though…

我们在测试过程中注意到了一件有趣的事情。 捕获了整个网页的长度,但是屏幕截图的“可见宽度区域”受浏览器窗口本身的宽度影响(在我们的情况下,浏览器未最大化)。 如果您将浏览器窗口最大化,这将不是问题……

chrome网页长屏幕截图_拍摄Google Chrome中任何网页的屏幕截图

Here is the webpage shown for comparison with the screenshot displayed above…the right side is “cut off” at the same point in both.

这是显示的网页,用于与上面显示的屏幕截图进行比较……在两个页面的同一位置右侧被“截断”。

chrome网页长屏幕截图_拍摄Google Chrome中任何网页的屏幕截图

Conclusion

结论

If you have been been looking for a nice screenshot utility for Google Chrome then you might want to give this extension a try.

如果您一直在寻找适用于Google Chrome的不错的屏幕截图实用程序,那么您可能想尝试一下该扩展程序。

Links

链接

Download the Webpage Screenshot extension (Google Chrome Extensions)

下载网页截图扩展程序(Google Chrome扩展程序)

翻译自: https://www.howtogeek.com/howto/9935/take-screenshots-of-any-webpage-in-google-chrome/

chrome网页长屏幕截图