一鍵整頁截圖 Chrome 擴展3 分鐘把長網頁存成一張完整長圖【免費下載鏈接】full-page-screen-capture-chrome-extensionOne-click full page screen captures in Google Chrome項目地址: https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extensionFull Page Screen Capture 是一個免費開源的 Chrome 擴展點一下它會自動滾動并把當前頁面逐段拍下來拼成一張完整的整頁長圖。適合需要存檔網頁、收集參考、保留頁面原樣的普通用戶全程不用手動滾動拼接不需要會寫代碼。30 秒上手整個流程就是下載、加載、開拍三件事下載源碼在終端執行下面這條命令會得到一個項目文件夾。git clone https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extension加載到瀏覽器地址欄輸入chrome://extensions/打開右上角開發者模式點加載已解壓的擴展程序并選中上一步的文件夾。工具欄出現相機圖標即安裝成功。拍第一張打開任意想保存的網頁點相機圖標或直接按AltShiftP。彈窗里出現進度條走完就會自動在新標簽頁打開成品右鍵圖片另存為即可。功能全解析一鍵整頁截圖是怎么拍的觸發之后擴展連續做四件事隱藏滾動條 → 滾到指定位置拍一幀 → 把這幀按坐標貼到大畫布上 → 全部拍完存文件并打開。你只需要盯著進度條看期間別動鼠標、別切標簽頁。進度條走到 100% 即代表拼接完成彈窗會保持打開直到成品出現。超長網頁自動拆分Chrome 對單張圖片有尺寸上限主邊約 30000 像素。頁面太長時擴展不會直接失敗而是自動算出要拆幾份在彈窗里提示你然后每份單獨開一個標簽頁文件名帶-2、-3后綴順序一眼能分清。成品命名與交付規則成品文件名格式為screencapture-域名-時間戳.png例如screencapture-example-com-1712345678901.png。文件先寫入擴展的臨時存儲區再在新標簽頁展示——所以即使你在隱身窗口里拍結果也會以非隱身窗口打開照樣能保存。一個容易被忽略的細節拍攝結束后頁面會自動回到你原來滾動到的位置并恢復滾動條狀態接著往下讀完全不受影響。誰最該用它按頁面特征而不是你是誰來分組更準確不能導出的頁面企業系統、在線文檔、各種只讀視圖沒有下載按鈕整頁截圖是最直接的存檔手段太長截不完的頁面論壇長帖、年度報告、時間線頁面手動一屏屏截要折騰半天成品還全是接縫必須保留原樣的頁面要保留布局、字體、配色做設計參考或問題取證整頁截圖比收藏夾直觀點得多原理速覽想象一臺文檔掃描儀掃描床只有 A4 那么大掃一份長合同就得一頁一頁往里送機器記下每一頁的頁碼最后按順序拼回完整合同。這個擴展干的事一模一樣——視口就是掃描床而記頁碼、拼順序這部分全由代碼自動完成。整個項目只有 5 個核心文件分工如下文件職責manifest.json擴展聲明權限僅activeTab、storage、unlimitedStorage默認快捷鍵AltShiftPpopup.html彈窗界面進度條、拆分提示、錯誤提示popup.js總調度獲取當前標簽、生成文件名、接收回調并打開成品api.js拼接引擎接收各段截圖、按坐標繪入畫布、寫出圖片文件page.js頁面操控測量頁面總寬高、逐位滾動、拍完復原現場進階技巧幾個官方說明里沒細講、但很實用的點快捷鍵換成順手組合chrome://extensions/底部有鍵盤快捷鍵入口AltShiftP可改成任意組合等加載完再拍滾動中才觸發加載的動畫、圖片、懶加載內容會在成品里留白。先等頁面完全加載再按下截圖縮放與模擬設備不影響結果代碼會按devicePixelRatio自動校準坐標高分屏、頁面縮放狀態下拼接也不會錯位留意拆分閾值主邊超過 30000 像素、或總像素超過約 2.4 億就會觸發拆分彈窗會明確報出份數隱私成本幾乎為零activeTab權限只在點擊瞬間生效擴展不常駐后臺拼接全部在瀏覽器本地完成圖片不會上傳常見問題Q某些頁面點沒反應是哪里的問題擴展只能注入普通http/https/file頁面。瀏覽器內部頁面如chrome://開頭、商店頁面受安全策略保護腳本進不去。換一個普通網頁即可。Q為什么一次拍出來是兩張甚至更多圖這是自動拆分機制在工作說明頁面超出了單圖尺寸上限。幾份圖可以按文件名順序用圖片工具再拼也可以直接分段使用。Q成品能直接存到我指定的文件夾嗎不能。成品是臨時存儲后在新標簽頁展示的需要手動右鍵保存。好在文件名帶域名和時間戳事后按名字批量識別很方便。Q如果哪天沒人維護了還能用嗎代碼是 MIT 協議開源的核心邏輯就集中在上面那 5 個文件里幾百行就能讀完。停更也不影響你直接接手改。寫在最后一句話概括它把滾動、截圖、拼接三步手工活壓縮成了一次點擊。現在就去 clone 下來加載上然后打開那個你一直沒存下來的長頁面點一下試試。最后提醒截圖方便也請尊重內容版權把圖片用于個人學習、研究和正當用途。【免費下載鏈接】full-page-screen-capture-chrome-extensionOne-click full page screen captures in Google Chrome項目地址: https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extension創作聲明：本文部分內容由AI輔助生成（AIGC），僅供參考 一鍵整頁截圖 Chrome 擴展：3 分鐘把長網頁存成一張完整長圖
一鍵整頁截圖 Chrome 擴展3 分鐘把長網頁存成一張完整長圖【免費下載鏈接】full-page-screen-capture-chrome-extensionOne-click full page screen captures in Google Chrome項目地址: https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extensionFull Page Screen Capture 是一個免費開源的 Chrome 擴展點一下它會自動滾動并把當前頁面逐段拍下來拼成一張完整的整頁長圖。適合需要存檔網頁、收集參考、保留頁面原樣的普通用戶全程不用手動滾動拼接不需要會寫代碼。30 秒上手整個流程就是下載、加載、開拍三件事下載源碼在終端執行下面這條命令會得到一個項目文件夾。git clone https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extension加載到瀏覽器地址欄輸入chrome://extensions/打開右上角開發者模式點加載已解壓的擴展程序并選中上一步的文件夾。工具欄出現相機圖標即安裝成功。拍第一張打開任意想保存的網頁點相機圖標或直接按AltShiftP。彈窗里出現進度條走完就會自動在新標簽頁打開成品右鍵圖片另存為即可。功能全解析一鍵整頁截圖是怎么拍的觸發之后擴展連續做四件事隱藏滾動條 → 滾到指定位置拍一幀 → 把這幀按坐標貼到大畫布上 → 全部拍完存文件并打開。你只需要盯著進度條看期間別動鼠標、別切標簽頁。進度條走到 100% 即代表拼接完成彈窗會保持打開直到成品出現。超長網頁自動拆分Chrome 對單張圖片有尺寸上限主邊約 30000 像素。頁面太長時擴展不會直接失敗而是自動算出要拆幾份在彈窗里提示你然后每份單獨開一個標簽頁文件名帶-2、-3后綴順序一眼能分清。成品命名與交付規則成品文件名格式為screencapture-域名-時間戳.png例如screencapture-example-com-1712345678901.png。文件先寫入擴展的臨時存儲區再在新標簽頁展示——所以即使你在隱身窗口里拍結果也會以非隱身窗口打開照樣能保存。一個容易被忽略的細節拍攝結束后頁面會自動回到你原來滾動到的位置并恢復滾動條狀態接著往下讀完全不受影響。誰最該用它按頁面特征而不是你是誰來分組更準確不能導出的頁面企業系統、在線文檔、各種只讀視圖沒有下載按鈕整頁截圖是最直接的存檔手段太長截不完的頁面論壇長帖、年度報告、時間線頁面手動一屏屏截要折騰半天成品還全是接縫必須保留原樣的頁面要保留布局、字體、配色做設計參考或問題取證整頁截圖比收藏夾直觀點得多原理速覽想象一臺文檔掃描儀掃描床只有 A4 那么大掃一份長合同就得一頁一頁往里送機器記下每一頁的頁碼最后按順序拼回完整合同。這個擴展干的事一模一樣——視口就是掃描床而記頁碼、拼順序這部分全由代碼自動完成。整個項目只有 5 個核心文件分工如下文件職責manifest.json擴展聲明權限僅activeTab、storage、unlimitedStorage默認快捷鍵AltShiftPpopup.html彈窗界面進度條、拆分提示、錯誤提示popup.js總調度獲取當前標簽、生成文件名、接收回調并打開成品api.js拼接引擎接收各段截圖、按坐標繪入畫布、寫出圖片文件page.js頁面操控測量頁面總寬高、逐位滾動、拍完復原現場進階技巧幾個官方說明里沒細講、但很實用的點快捷鍵換成順手組合chrome://extensions/底部有鍵盤快捷鍵入口AltShiftP可改成任意組合等加載完再拍滾動中才觸發加載的動畫、圖片、懶加載內容會在成品里留白。先等頁面完全加載再按下截圖縮放與模擬設備不影響結果代碼會按devicePixelRatio自動校準坐標高分屏、頁面縮放狀態下拼接也不會錯位留意拆分閾值主邊超過 30000 像素、或總像素超過約 2.4 億就會觸發拆分彈窗會明確報出份數隱私成本幾乎為零activeTab權限只在點擊瞬間生效擴展不常駐后臺拼接全部在瀏覽器本地完成圖片不會上傳常見問題Q某些頁面點沒反應是哪里的問題擴展只能注入普通http/https/file頁面。瀏覽器內部頁面如chrome://開頭、商店頁面受安全策略保護腳本進不去。換一個普通網頁即可。Q為什么一次拍出來是兩張甚至更多圖這是自動拆分機制在工作說明頁面超出了單圖尺寸上限。幾份圖可以按文件名順序用圖片工具再拼也可以直接分段使用。Q成品能直接存到我指定的文件夾嗎不能。成品是臨時存儲后在新標簽頁展示的需要手動右鍵保存。好在文件名帶域名和時間戳事后按名字批量識別很方便。Q如果哪天沒人維護了還能用嗎代碼是 MIT 協議開源的核心邏輯就集中在上面那 5 個文件里幾百行就能讀完。停更也不影響你直接接手改。寫在最后一句話概括它把滾動、截圖、拼接三步手工活壓縮成了一次點擊。現在就去 clone 下來加載上然后打開那個你一直沒存下來的長頁面點一下試試。最后提醒截圖方便也請尊重內容版權把圖片用于個人學習、研究和正當用途。【免費下載鏈接】full-page-screen-capture-chrome-extensionOne-click full page screen captures in Google Chrome項目地址: https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-chrome-extension創作聲明：本文部分內容由AI輔助生成（AIGC），僅供參考