如何給整個網頁截圖?

2021-02-11 王瑞剛

在2003年讀大一上計算機課時,我學到了按print screen鍵對整個電腦屏幕進行截屏。雖然這已經滿足了當時大部分的截圖需求,但隨著時間的推移,我們需要的功能越來越多,遠不是一個prtsc鍵可以提供的。

2004年,個人自助建站比較盛行,我當然也有自己的站點,記得那時是在聖博網上做的「愛我雨瑞-微網文學」,如果以現在的標準來看,那就是個非常垃圾的個人主頁,但在當時已然是非常精美的程序了。聖博官方論壇上有組織過優秀站點的評比和展示,需要對整個網頁進行截圖,我最初的想法是用print screen鍵,分屏截取,然後再拼接成一個完整的大圖,可是那時候我還不會任何製圖軟體,只會用word和pointpower對圖片進行粗糙的編輯,甚至根本不能完成拼圖。

後來發現,原來聖博網提供了一款截屏工具,只需要下載後輸入網址,就可以對整個網頁進行截屏,不管你的首頁有多長有幾屏,它一下就可以截取下來。後來我曾多次下載該工具,並且我相信我曾經在某處備份過,但時間太久了,現在我一點兒都想不起來那款工具的名字,也找不到它了。

時間一晃,就來到了2013年,有一次,河北網盟的盟主劉春亮,在QQ群裡找人幫忙給幾個網頁截屏,要求是截取整個網頁。我恰好在線,然後他就讓我幫他弄一下。我原本以為是很簡單的事,只需要下載一下截屏工具就好,可是百度了相當長的時間,都沒有找到2004年用過的那款工具,因為時過境遷,當年的聖博網早已不復存在。百度上也搜索到了幾款同類軟體,但大都是有廣告水印或者註冊限制,總之我沒有找到合適的工具。而這個時間我已經學會使用photoshop這款圖片處理工具,那時差一點就要分屏截取然後再拼接了。

幸好劉春亮告訴我,下載一個紅蜻蜓。雖然說了軟體名字,我依然百度了一會兒,才找到他說的這款工具:紅蜻蜓抓圖精靈。最終,因為我網速的問題,並沒有幫他完成截取網頁的操作,但我卻記住了這款工具。

時間再次跳躍到2014年12月17日,我在微博易錄入微信帳號準備接單,在看幫助文檔時,發現有個截取全屏的要求,我甚至有點兒竊竊自喜,因為我知道我有紅蜻蜓。然後我去問好友芥末,你是怎麼截屏的?她告訴我:「QQ瀏覽器,選擇,網頁另存為圖片」。就這麼簡單的一句話,一下子把我帶到了一個新的天地。原來,截取全屏竟然變得如此簡單,不再需要下載什麼工具,也不需要任何拼接塗抹,只不過是在瀏覽器菜單裡點那麼一下下……

剛才還有的那種優越感,瞬間蕩然無存。再然後,我試了多款瀏覽器,最終發現QQ瀏覽器、搜狗瀏覽器都有「網頁另存為圖片」的功能,其他瀏覽器應該也有類似功能,沒有一一測試。


↑ QQ瀏覽器操作示意圖


↑ 搜狗瀏覽器操作示意圖

這裡將截屏方法簡單記錄下來,以備不時之需。

相關焦點

  • 如何截圖整個網頁 網頁截圖技巧
    ,一般網頁都很長,採用原來介紹的方法只能截圖看到的一部分,滾動條下面的一大部分看不到的網頁內容就無法截圖到了,那麼該怎麼辦才能截圖整個網頁呢?其實以前在網絡截圖方法大全:QQ截圖,網頁截圖,瀏覽器截圖技巧一文中也簡單介紹了以下完整網頁截圖的方法,不過多數介紹的是一些國外軟體,今日重新查閱下,好像很多都已經不能用了,那麼接下來筆者告訴大家一個更簡單的網頁截圖方法吧,其實筆者很早就知道,可能覺得大家都知道,所以後期沒有對原來文章做一些補充,下面本文來完善下吧,本文主要介紹如何截圖整個完整的網頁頁面
  • 如何實現整個網頁的完整截圖
    WINDOWS 系統頁面截圖方法MAC 系統頁面截圖方法QQ 完整網頁截圖法相信大家對於屏幕截圖已經駕輕就熟了,但是對於整個頁面的完整截圖就不一定那麼熟悉了。一般的截圖就只能截取當前屏幕的展示範圍,整個網頁的內容是無法獲取的。而當有些場景需要用到整個頁面截圖的時候就相當頭痛了。
  • 學用系列|如何優雅地截圖整個網頁?
    今天是周三啦,一周工作日已經過半,今天我們來聊聊怎樣優雅地截圖整個網頁?
  • 截取高於屏幕的整個網頁截圖:Paparazzi!
    遇到比較高的網頁,一屏幕顯示不全,卻又想獲得整個網頁的截圖 …… 你可以試試蘋果電腦 Mac OS X 系統上這個叫 Paparazzi!
  • iOS13下截圖整個網頁的兩種方式.
    方式一:通過系統截圖,可以直接截取整個網頁,在截圖界面可以自動切換,截取屏幕還是截取整個頁面,看gif:方式二:利用軟體picsew在網頁分享處,選取網頁快照入口,進行整頁截圖,看gif:不同:兩種方式都能夠把整個網頁截圖並保存,只是兩種方式還有一些不同:
  • 在 iPhone 和 iPad 上的屏幕截圖中捕獲整個網頁
    iOS Jailbreak NotesExpert Tips通過截圖的「整頁」功能可以把整個網頁截存為 PDF 文件;只能在
  • 【網頁快照】如何把整張網頁截圖?
    今天有位同學問:如何把整張網頁截圖成一整張,其實之前也有同學問過我這個問題,那不如今天就分享幾種方法,幫助更多的同學解決這個問題。
  • 實用小技巧---如何給全部網頁截圖
    相信大家在平時學習和工作的時候,都少不了要對網頁截圖。
  • Chrome 網頁截圖小技巧
    很多時候,我們都有網頁截圖的需求,而通常我們都會使用系統截圖工具,或是通過 QQ、微信等第三方軟體的截圖功能來完成。
  • 利用瀏覽器做網頁長截圖
    但是假如需要的截圖素材不少時,不停的在手機以及電腦上來回的切換和傳輸,無疑會降低我的效率。那麼,在電腦上我們能不能做到如同手機一般的截圖效果呢?最近發現瀏覽器上有個小功能可以解決。首先,在瀏覽器中打開需要截圖的網站,並打開「開發者工具」,不知道如何開啟的,我們可以對網頁右鍵菜單選擇「檢查元素」。然後需要對其切換為手機預覽模式,在「開發者工具」內點擊「Toggle device toolbar」:
  • 如何搞定一個網頁或文檔的超長截圖
    網頁頁面內容太長時,使用普通的截圖工具無法一次性截圖,有很多小夥伴的操作是一屏一屏的截取然後再自己拼接成一張長長長圖,這樣不僅浪費時間還容易遺漏或出錯。這裡有幾個辦法可以立刻搞定!點擊右上角「三條橫杆」,點擊「保存網頁為圖片」即可。
  • 電腦上網頁截圖,一個 Chrome 就夠了
    •Capture full size screenshot:全網頁截圖,截取整個網頁。•Capture node screenshot:節點截圖,截取網頁中的一個元素節點。•Capture screenshot:窗口截圖,截取當前瀏覽器窗口顯示的內容。
  • 如何把一個網頁長、長、長、長截圖?
    因此,對於重要的網頁內容,小透明的做法一般是截圖,但普通的截圖工具只能一次性截圖,而網頁那麼長長長長長長長,如果想隨心所欲的把網頁內容連續截圖下來,您就需要本文介紹的這幾個小妙招了!這裡也介紹下,點擊右上角「三條橫杆」或者快捷鍵「Ctrl+M」,點擊「保存網頁為圖片」即可。
  • 網頁多長,截圖就有多長 -- Awesome Screenshot #iPhone
  • 《FireShot》一鍵滾動截屏整個網頁
    FireShort是一款網頁截屏工具, 最出色的功能是可以截取整個網頁。
  • iPhone怎麼網頁長截圖?超簡單的iPhone網頁全屏截圖方法
    iPhone怎麼網頁長截圖?很多蘋果手機用戶苦於iPhone只能單屏截圖,無法實現類似很多安卓手機自動的長截屏功能。
  • 如何搞定一個網頁長、長、長、長截圖
    有時,我們想保留一個網頁截圖,用於轉發或者作為資料歸檔。網頁頁面內容太長時,使用普通的截圖工具無法一次性截圖,有很多小夥伴的操作是一屏一屏的截取然後再自己拼接成一張長長長圖,這樣不僅浪費時間還容易遺漏或出錯。
  • 快速保存某個網頁或者文檔,幾種方法教你做到,滾動截圖、快捷鍵、FireShot 捕捉網頁截圖插件等!
    捕捉網頁截圖,編輯並將它們保存為PDF,JPEG,GIF,PNG或BMP;上傳,列印,在Photoshop中打開,複製到剪貼板或電子郵件FireShot的抓住了Chrome瀏覽器的網頁截圖。您可以編輯和注釋您的截圖。該截圖是即時和不產生流量。無第三方網站和登錄所需!最好的免費谷歌Chrome擴展!
  • 為批量網頁截圖而生, Chrome內核新版本發布啦!優愛酷批量長網頁整頁截圖系統-自動滾屏、逐屏加載完整截圖支持多種圖片格式
    【軟體功能概述】:優愛酷批量長網頁整頁截圖系統軟體是一款全球首創逐屏加載技術,智能實現自動滾動瀏覽器滾動條、逐屏加載頁面、並將完整的整個網頁保存為圖片格式
  • 推薦幾款帶殼截圖長圖拼接網頁截圖蘋果APP
    今天推薦三款截圖軟體,包括帶殼截圖,長圖拼接,網頁截長圖軟體,都是免費下載使用。