怎樣使用 Chrome 瀏覽器截取整個網頁?

求具體的操作方法,百度過,發現很多都沒怎麼說明,跪求!


在Chrome 59中已經支持對整個頁面進行截屏

1.在你要截屏的網站上右鍵-檢查

2.單擊一個有手機和平板的圖標,進入 Device Toolbar

3.在最上面選中模擬的設備解析度,比如我選了iPad Pro

4.單擊最右側的三個點,選擇 Capture full size screenshot

5.一張整個頁面的截圖就會直接下載到你的電腦


推薦在Chrome瀏覽器下安裝Screen Capture (by Google)擴展(中文名叫「網頁截圖」)。

如圖,使用「整張網頁截圖」即可

下載地址:https://chrome.google.com/webstore/detail/screen-capture-by-google/cpngackimfmofbokmjmljamhdncknpmg?hl=zh-CN

--------2014年4月2日補充--------

最近Chrome的兩個插件都不太好用,我再補充一個不限瀏覽器的。

使用配色神器 Color Cube ←戳左邊下載

確保第三個小圈圈亮著,此時在瀏覽器中複製網址,下面大圈圈就會有數字增加。

再點擊播放小按鈕,就可以到設置的默認文件夾中查收整頁截圖了!

這只是該神器的一個小功能,更多功能自己去探索吧!

--------2015年1月12日補充--------

這個確實挺好用Screenshot Capture(Better than Google"s)

如果用花瓣的,那就直接用花瓣網頁收藏工具


@何貫中 提到了在 Chrome 59 中已經可以使用自帶的開發者工具截取整個網頁,但這個方法有一個缺點,必須要模擬一款移動設備才能截圖。其實有一個更簡單優雅的辦法。

F12 或 Ctrl + Shift + I 打開開發者工具,在任意tab上按 Ctrl + Shift + P ,在彈出的輸入框里輸入 full size screenshot (其實不需要輸入完整,可以自動補全),然後按回車即可

此方法在官方發布的 Chrome 59 - What#x27;s New in DevTools - Youtube 中有介紹。

補充:在 Mac 下打開開發者工具的快捷鍵是 Cmd + Opt + I;Ctrl + Shift + P 對應的是 Cmd + Shift + P。


Webpage Screenshot


最近才發現,chrome有列印功能,列印到虛擬印表機,就能得到整個頁面,無論多長的,pdf文件。


Full Page Screen Capture

https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl

簡單好用,點擊按鈕即可。


FireShot 太好用了


如果什麼插件 擴展都不想裝,同時對保存要求沒那麼高,可以用chrome的列印功能,可以直接保存為PDF格式(這功能在移動端的chrome上也有,平板上的表現從沒讓我失望過)……表示我平時是用著印象筆記剪藏的……

效果差不多是這樣的,保存的的確是「整個頁面」,但是,很多元素也沒存下來,不過在大部分的網頁上效果很好。。


推薦在Chrome瀏覽器下安裝(網頁截圖:注釋批註)擴展

下載地址:Chrome Web Store


列印-&>保存pdf


這個小工具 挺不錯的,, 有你想要的功能,還有很多


印象筆記 剪藏


用Microsoft Edge就行(逃


Bounce – A fun and easy way to share ideas on a webpage

線上工具,好處是不用安裝,需要的時候用就可以


請看官方 文檔

https://developers.google.com/web/updates/2017/04/devtools-release-notes#screenshots


谷歌瀏覽器有很多截取整個網頁的擴展,但所有截圖擴展(包括上面提到的)都要滾動截取整個頁面,這也伴隨著一個問題,網頁上有些東西會在滾動中重複出現重複被截圖。

我推薦火狐瀏覽器的Page saver擴展,可以不需要滾動頁面直接生成截圖,截圖利器!

還有QQ瀏覽器自帶的截圖功能也能夠不滾動頁面直接完美截圖。

順便說一句,安裝多個瀏覽器挺有用的,用來打開不同類型的網站方便高效工作學習,而且有些個性功能可以互補。


分頁阅读: 1 2