常常需要網頁截圖，但卻苦惱不知如何做嗎？那你找對文章了！因為這篇文章將告訴你一個好方法，適用所有 Chromium 核心的瀏覽器，也就是說這方法支援 Chrome、Edge、Opera 等瀏覽器，不管是局部區域截圖、長截圖（完整頁面）、指定節點截圖或螢幕範圍截圖，通通可以做到！首先你需要在要截圖的網頁頁面上開啟 F12 開發者工具。
▲ 右鍵清單「檢查」或點鍵盤「F12」都可以進入到開發者工具，接著右側「...」，選「Run command」（也可以直接鍵盤「Ctrl」+「Shift」+「P」）。
▲ 輸入指令「screenshot」，會列出四種截圖方式，由上至下分別是：局部區域截圖、長截圖（完整頁面）、指定節點截圖、螢幕範圍截圖。節點（Node）指的是網頁的 HTML 節點，這種截圖方式網頁開發者應該會覺得很好用～
▲ 局部區域截圖可以自訂要截圖的範圍喔！
題外話，Chrome 內建只有這方式能截圖，而 Edge 跟 Opera 內建可以用圖形化介面直接截圖，更簡易便利喔！
您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！
Anima：重塑二次元創作邏輯的提示詞撰寫全攻略
VS Code x Gemini Code Assist：完整安裝與實戰教學，用 Google AI 打造最強開發環境
Richart APP：查詢簽帳金融卡寄送狀態
Anima Standalone Trainer：訓練二次元動漫角色 Anima 專用 LoRA 模型實戰教學
Stable Diffusion：用於調整人物胸部大小的 AI 繪圖提詞
中華郵政(郵局)國內包裹託運單格式、交寄教學
Richart APP：收到簽帳金融卡後開卡流程教學
ComfyUI x Qwen-Rapid-AIO：圖片編輯工作流的極簡解法（附工作流）
【兵役知識】軍中數字念法？時間念法？
AI Toolkit by Ostris：Windows 安裝教學，一鍵啟動 Web UI 打造最強 AI 模型訓練環境
《上一篇》PlurkBot「鈍 | 自律型AI」自動分析噗文並讚好或回覆誇獎文字 
《下一篇》台灣無人機、空拍機民眾版飛行區、限航區、禁航區 GIS 查詢
留言區 / Comments
萌芽論壇