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

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

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

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

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

Mozilla Firefox:最實用的瀏覽器!
📆 2013-01-01
📁 軟體介紹, 瀏覽器, Firefox

Visual Basic：在 Visual Studio 中建立 Windows Forms 應用程式
📆 2021-10-07
📁 軟體應用, 程式設計, Visual Basic

Stable Diffusion web UI x Tagger：更精準分析及反推 AI 繪圖標籤(提詞、咒語)，支援批次處理
📆 2023-02-28
📁 軟體應用, 人工智慧, AI繪圖

Google Chrome:史上最好用的瀏覽器!
📆 2013-01-01
📁 軟體介紹, 瀏覽器, Google Chrome

Inkscape:濾鏡功能幫照片做特效
📆 2014-02-27
📁 軟體應用, 多媒體, 靜圖處理

Telegram 7.0 for Android & Telegram Desktop 2.3 更新：慶祝七週年推出視訊通話
📆 2020-08-15
📁 軟體應用, 行動平台, 資訊新聞, APP應用, Android

Telegram 5.13 for Android & Telegram Desktop 1.9.3 更新：新的主題編輯器、流暢的新動畫、在線發�...
📆 2020-01-01
📁 軟體應用, 行動平台, 資訊新聞, APP應用, Android

Stable Diffusion：二次元角色羞澀慌亂緊相握的 AI 繪圖提詞
📆 2025-10-31
📁 軟體應用, 人工智慧, AI繪圖

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