常常需要網頁截圖，但卻苦惱不知如何做嗎？那你找對文章了！因為這篇文章將告訴你一個好方法，適用所有 Chromium 核心的瀏覽器，也就是說這方法支援 Chrome、Edge、Opera 等瀏覽器，不管是局部區域截圖、長截圖（完整頁面）、指定節點截圖或螢幕範圍截圖，通通可以做到！首先你需要在要截圖的網頁頁面上開啟 F12 開發者工具。

▲ 右鍵清單「檢查」或點鍵盤「F12」都可以進入到開發者工具，接著右側「...」，選「Run command」（也可以直接鍵盤「Ctrl」+「Shift」+「P」）。

▲ 輸入指令「screenshot」，會列出四種截圖方式，由上至下分別是：局部區域截圖、長截圖（完整頁面）、指定節點截圖、螢幕範圍截圖。節點（Node）指的是網頁的 HTML 節點，這種截圖方式網頁開發者應該會覺得很好用～

▲ 局部區域截圖可以自訂要截圖的範圍喔！

題外話，Chrome 內建只有這方式能截圖，而 Edge 跟 Opera 內建可以用圖形化介面直接截圖，更簡易便利喔！

儲存至 Google 雲端硬碟：將任何網頁完整截圖並存入 Google 雲端硬碟
📆 2018-12-19
📁 瀏覽器, Google Chrome, 擴充元件

Photoshop:智慧型物件，縮放點陣圖不失真
📆 2015-02-06
📁 軟體應用, 多媒體, 靜圖處理

Google Chrome擴充功能:朕知道了(讚)
📆 2014-02-06
📁 瀏覽器, Google Chrome, 擴充元件

ComfyUI x Qwen-Image：中文提示詞之真人風格中英文字生成示範（應用篇）
📆 2025-09-19
📁 軟體應用, 人工智慧, AI繪圖

After Effects LoopOut Tip 循環指令詳細介紹
📆 2016-07-13
📁 軟體應用, 多媒體, 動畫特效

Google Chrome瀏覽網站
📆 2013-01-01
📁 瀏覽器, Google Chrome

Stable Diffusion：二次元角色冰晶雪夜提燈的 AI 繪圖提詞
📆 2025-03-02
📁 軟體應用, 人工智慧, AI繪圖

Android Studio：切換 Activity（切換頁面）、更改 Action Bar（Title Bar）標題、禁用返回鍵
📆 2019-11-04
📁 軟體應用, 行動平台, 程式設計, Android, JAVA, APP開發

《上一篇》PlurkBot「鈍 | 自律型AI」自動分析噗文並讚好或回覆誇獎文字 《下一篇》台灣無人機、空拍機民眾版飛行區、限航區、禁航區 GIS 查詢