在PPT匯報(bào)、學(xué)術(shù)研究、網(wǎng)頁(yè)設(shè)計(jì)、歸檔、數(shù)據(jù)提取等場(chǎng)景中，我們常常需要對(duì)一些網(wǎng)頁(yè)元素或者內(nèi)容截圖，作為我們的素材。網(wǎng)頁(yè)截圖軟件便于捕獲、記錄網(wǎng)站的視覺(jué)內(nèi)容，是收集素材的寶貴工具。

下面的列表收集了一些優(yōu)秀的開(kāi)源免費(fèi)網(wǎng)頁(yè)截圖工具。

1.EyeWitness

源碼：https://github.com/RedSiege/EyeWitness

EyeWitness的設(shè)計(jì)目的是通過(guò)提供服務(wù)器頭信息，并在可能的情況下識(shí)別默認(rèn)憑據(jù)，從而截取網(wǎng)站的屏幕。

2.GoWitness

源碼：https://github.com/sensepost/gowitness

GoWitness是一個(gè)用Golang編寫(xiě)的網(wǎng)站截圖程序。它使用Chrome Headless，通過(guò)命令行生成Web界面的截圖，并使用報(bào)告查看器處理結(jié)果。支持Linux、macOS、Windows。

3.TimeCat

源碼：https://github.com/oct16/TimeCat

官網(wǎng)：https://timecatjs.com/

TimeCat 是一個(gè)完全開(kāi)源的網(wǎng)頁(yè)錄制工具，生成的文件不是真正的視頻，但可以像真正的視頻一樣進(jìn)行播放，完美的還原用戶在瀏覽器中的操作行為。

TimeCat 項(xiàng)目主要分為 Recorder 和 Player 兩個(gè)主要的模塊，分別負(fù)責(zé)記錄動(dòng)作數(shù)據(jù)，與對(duì)動(dòng)作數(shù)據(jù)進(jìn)行還原

支持的瀏覽器包括：

Chrome 插件下載地址：https://chrome.google.com/webstore/detail/timecat-chrome/jgnkkambbdmhfdbdbkljlenddlbplhal

4.Capture Website

https://github.com/sindresorhus/capture-website

capture-website是一個(gè)可以在后臺(tái)調(diào)用Chrome捕獲網(wǎng)站截圖的工具。它提供了捕獲屏幕截圖并將其保存到文件或保存到緩存的API功能。

5.Website Shot

https://github.com/Flowko/website-shot

Website Shot是一個(gè)開(kāi)源的跨平臺(tái)截圖應(yīng)用程序，基于nodejs和nuxtjs使用JS/Vue框架開(kāi)發(fā)。它可以捕獲網(wǎng)頁(yè)的截圖，但不能對(duì)需要身份認(rèn)證的網(wǎng)站進(jìn)行截圖，例如：個(gè)人銀行頁(yè)面、電子郵件收件箱或其他需要您登錄才能查看的頁(yè)面，可能需要使用自定義js來(lái)paypass。

該應(yīng)用程序可以使用Docker輕松安裝。

docker pull flowko1/website-shotdocker run -it -d -p 3000:3000 flowko1/website-shot# to enable password protection | to disabled it set PASSWORD_PROTECT to 0# default password is admin# you'll notice a password field on the homepage, make sure to add the password there as welldocker run -it -d -p 3000:3000 -e PASSWORD_PROTECT=1 -e PASSWORD=yourpassword flowko1/website-shot
br

6.Firescreen (Firefox插件)

下載地址：https://sourceforge.net/projects/firescreen/

Firescreen是一個(gè)Firefox插件，允許即時(shí)安裝，支持完整的網(wǎng)頁(yè)截圖，提供即時(shí)下載和設(shè)置文件名等功能。

7.Pageres

源碼：https://github.com/sindresorhus/pageres

下載地址：https://sourceforge.net/projects/pageres.mirror/

Pageres是一個(gè)支持以各種分辨率捕獲網(wǎng)站屏幕截圖的工具，可以輕松確保網(wǎng)站的響應(yīng)能力。它速度很快，可以在一分鐘內(nèi)從10個(gè)不同的網(wǎng)站生成100個(gè)截圖。

它還可以渲染SVG圖像。Linux用戶可能需要啟用系統(tǒng)沙箱以避免出現(xiàn)“沒(méi)有可用的沙箱！”的錯(cuò)誤。

Pageres提供了延遲屏幕截圖、應(yīng)用自定義CSS或JavaScript以及設(shè)置透明背景色等選項(xiàng)。它也可以使用w3counter的流行分辨率。

關(guān)鍵特征：

• 延遲捕獲屏幕截圖
• 裁剪到設(shè)定的高度
• 將自定義CSS應(yīng)用到網(wǎng)頁(yè)
• 指定一些CSS或CSS文件的路徑
• 將自定義JavaScript應(yīng)用于網(wǎng)頁(yè)
• 捕獲與CSS選擇器匹配的特定DOM元素
• 模擬深色方案的偏好

8.WebScreenshot

https://github.com/maaaaz/webscreenshot

WebScreenshot是一個(gè)簡(jiǎn)單的開(kāi)源腳本，它使用“url-to-image”腳本來(lái)捕獲網(wǎng)站列表的屏幕截圖。

關(guān)鍵特征：

• 為ajax請(qǐng)求資源使用圖像的“延遲渲染”
• 在Windows和Linux系統(tǒng)上功能齊全
• Cookie和自定義HTTP標(biāo)頭定義支持PhantomJS渲染器
• 在用戶可定義的超時(shí)后，終止未響應(yīng)的進(jìn)程
• 接受多種格式作為輸入目標(biāo)
• 自定義屏幕截圖大?。▽挾龋叨龋?，格式和質(zhì)量
• 設(shè)置PhantomJS的選項(xiàng)，例如：忽略ssl錯(cuò)誤、定義代理、代理身份驗(yàn)證、HTTP基本身份驗(yàn)證等
• 支持多個(gè)渲染器
• 在圖像中嵌入截圖URL（需要ImageMagick）