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