【實用技巧】如何截取網頁長圖

2021-02-11 數據森麟

     作者：TED

     來源：TEDxPY


最近需要截取一個網頁長圖，搜了下發現 Chrome 瀏覽器實現起來比較簡單，順便記錄分享下。

準備：Chrome 瀏覽器

【1】用 Chrome 瀏覽器打開網頁

【2】按下 F12 進入開發者工具頁面

【3】點擊工具欄中「切換設備」選項（圖標看著像手機/Pad）

【4】左側頁面上方出現選項欄（如果需要，可以點第一項切換設備），點擊最右側的「更多選項」（圖標是縱向三個點），選擇 「Capture fullsize screenshot」（獲取全尺寸截圖）

【5】稍等片刻會有圖片下載提示

點擊查看下載的圖片，想截取的網頁長圖便到手了！

個人體驗：此方法對網頁長圖截取效果很好。此外當整個網頁是一整篇文章時，例如用瀏覽器打開公眾號文章，通過此方法完成的網頁長圖也是文章長文截圖——方便分享、整理和保存。

此外，個人感覺該方法應該也可以為手機端保存網頁長圖提供思路，以及沒準可以小程序實現根據網頁連結給生成該連結下網頁長圖？記錄下思路，後續或許可以嘗試下。

以上，感謝閱讀～

長按二維碼關注我們

數據森麟公眾號的交流群已經建立，許多小夥伴已經加入其中，感謝大家的支持。大家可以在群裡交流關於數據分析&數據挖掘的相關內容，還沒有加入的小夥伴可以掃描下方管理員二維碼，進群前一定要關注公眾號奧，關注後讓管理員幫忙拉進群，期待大家的加入。

管理員二維碼：

相關焦點

  • 如何優雅的對網頁截取長圖
    最近寫文章想截個長圖，才發現一直使用的QQ早有這個功能了，這裡就整理幾個pc上網頁長截圖的方案。除了滾動截圖qq還有屏幕識圖（就是ocr了）。然後複製截取的長圖。這樣會截取整個網頁，如果想截取網頁的一部分，選中截取的元素後 Ctrl+Shift+P
  • 如何滾動截圖/截取長圖的技巧
    大家都知道QQ這些截圖只能截取當前桌面的圖片（目前是這樣的），但是我們有時候需要截取長圖或者是網頁下面（因為屏幕的大小有一些在一屏是顯示不了的
  • 如何截圖整個網頁 網頁截圖技巧
    ，一般網頁都很長，採用原來介紹的方法只能截圖看到的一部分，滾動條下面的一大部分看不到的網頁內容就無法截圖到了，那麼該怎麼辦才能截圖整個網頁呢？其實以前在網絡截圖方法大全：QQ截圖，網頁截圖，瀏覽器截圖技巧一文中也簡單介紹了以下完整網頁截圖的方法，不過多數介紹的是一些國外軟體，今日重新查閱下，好像很多都已經不能用了，那麼接下來筆者告訴大家一個更簡單的網頁截圖方法吧，其實筆者很早就知道，可能覺得大家都知道，所以後期沒有對原來文章做一些補充，下面本文來完善下吧，本文主要介紹如何截圖整個完整的網頁頁面
  • 如何把一個網頁長、長、長、長截圖?
    因此，對於重要的網頁內容，小透明的做法一般是截圖，但普通的截圖工具只能一次性截圖，而網頁那麼長長長長長長長，如果想隨心所欲的把網頁內容連續截圖下來，您就需要本文介紹的這幾個小妙招了！號稱是最智能的長截圖工具，用它製作長圖實在太easy了。不過要注意的是，每次截圖的時候要做到兩張圖之間留有一定的重複部分，方便軟體試別。截完圖之後，打開Tailor，剛才的截圖自動變成為了一張長圖。
  • 關於Safari的實用技巧
    今天給大家帶來關於Safari for ios8的一些實用技巧。希望能夠幫你更好的使用這款蘋果自帶瀏覽器。
  • 如何搞定一個網頁長、長、長、長截圖
    有時，我們想保留一個網頁截圖，用於轉發或者作為資料歸檔。網頁頁面內容太長時，使用普通的截圖工具無法一次性截圖，有很多小夥伴的操作是一屏一屏的截取然後再自己拼接成一張長長長圖，這樣不僅浪費時間還容易遺漏或出錯。
  • 實用小技巧---如何給全部網頁截圖
    相信大家在平時學習和工作的時候，都少不了要對網頁截圖。
  • iPhone如何長截圖?我找到了這些方法(內有福利)
    ↑ 點擊藍字關注 獲取更多教程 ↑都8012年了，iPhone終於有了「雙卡雙待」。
  • 【答疑】你知道手機怎麼保存網頁長圖嗎?超簡單!
    因為你本只想打開一個網頁，但「貼心」的瀏覽器為了方便你，會把其他相關網頁也跟著提前加載了，耗費不少流量！可如果你有好貨想要發給朋友，又想要給他節省點流量，該怎麼辦呢？教授能想到最好的辦法就是直接截圖發送了，別傻傻的以為教授說的是一屏一屏的去截，咱要說的是截整個網頁長圖！
  • 【技巧】iPhone如何長截圖?
    生活中許多有趣的圖片、網頁、文章，往往我們要進行截圖，可是內容太多無法在一張截圖裡體現好麻煩呀，今天要和大家分享的就是如何用iPhone做長截圖
  • 無需軟體,教你用 Chrome 原生工具給網頁長截圖
    ，而且支持長圖效果。選擇命令然後按下快捷鍵⌘Command + ⇧Shift + P(Windows為Ctrl + Shift + P)，在輸入框輸入screenshot即可看到以下幾個選項：Capture area screenshot - 截取選擇部分區域截圖Capture full size screenshot - 網頁長截圖Capture
  • 小技巧丨教你用iPhone製作截圖為長圖!
    有時候我們瀏覽網頁時或者想截取聊天記錄時就需要想其他的辦法啦，以下介紹兩種方法來分別解決網頁導出問題和截圖拼接問題。導出網頁截圖：要截取長圖我們需要用到一款APP。打開App Store，搜索awesome Screenshot，點擊獲取，下載安裝到iPhone上。
  • 如何實現整個網頁的完整截圖
    WINDOWS 系統頁面截圖方法MAC 系統頁面截圖方法QQ 完整網頁截圖法相信大家對於屏幕截圖已經駕輕就熟了，但是對於整個頁面的完整截圖就不一定那麼熟悉了。一般的截圖就只能截取當前屏幕的展示範圍，整個網頁的內容是無法獲取的。而當有些場景需要用到整個頁面截圖的時候就相當頭痛了。
  • 非常好用但不為人知的Window截圖技巧,經常截取屏幕的表親必看
    圖片轉文字、文檔固定、截長圖，這些需求用QQ截圖輕鬆搞定！今天我們來看看Windows自帶的截圖功能一、截取全屏   截取全屏，就是將屏幕顯示的全部內容截取為圖片，窗口下方的狀態欄、任務也會截取。快捷鍵：PrtScn就是下圖紅圈處的這貨
  • 實用的高清截圖技巧,帶你「真正學會」截圖!
    超神QQ截長圖功能：在瀏覽網頁的時候，經常會有截長圖的需求。而此時，若我們把網頁縮小，再截圖的話，此時獲得截圖字體、圖案又太小，簡直看不清！遇到更長一點的網頁，我們就只能欲哭無淚了，而且這種長圖放大了看會很模糊……莫要慌，我們身邊的 QQ 支持「截長圖」！
  • 如何搞定一個網頁或文檔的超長截圖
    使用Firefox瀏覽器可以在右上角看到同一個「裁剪」的圖標，點擊選擇需要截圖的區域即可。如果使用Chome瀏覽器時，會發現不能直接截圖。火箭君有個極客方法，希望能幫助大家。選擇對應的截屏方式即可，親測有效， 如果找不到 screenshot 相關命令，請更新到最新版的 Chrome即可。
  • 網頁內容太長怎麼截圖?不用安裝插件,在電腦上截長圖的2種最簡單方法
    但無論是QQ截圖，還是微信截圖，皆存在一個致命的缺點，就是不能一次性截長圖。 當我們要截取一個網頁，特別是內容很多很長時，選擇QQ截圖，或者微信截圖，都無法一次性完成操作。如果試圖縮小網頁大小，這時截取的圖片又會出現字體和圖像變形，也是違背了截長圖的初衷的。
  • 一步兩步,解鎖 Chrome 長截圖功能
    Chrome 瀏覽器作為開發人員的最愛，有很多小巧實用的特殊功能。
  • 工作時必須掌握的8種修圖技巧,5分鐘讓你成為美工!
    修圖是新媒體小編必須掌握的一種技能。在這種大技能裡又有很多子技巧，比如截圖、拼圖、標註、馬賽克、加去水印、添加文字、批量處理等。
  • 【教程】iphone長截圖方法匯總
    用Safari瀏覽器打開網頁，按截圖快捷組合鍵截圖，然後點擊左下角截取圖片的縮略圖，進入如下界面，並點擊整頁，在右側滑動所需的範圍即可長截圖，最後點擊完成保存即可。注意事項：1、截取的長度有限，如上圖，範圍拉到最大，也沒有能覆蓋全部，所以太長的就無法完全截取；2、保存的格式只能是PDF格式。3、只支持用Safari瀏覽器打開的網頁。