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

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

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

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

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

Google Chrome擴充功能:Save to Google
📆 2016-04-22
📁 瀏覽器, 網路應用, Google Chrome, 擴充元件

Google Chrome:開啟手機版網站
📆 2015-07-13
📁 軟體應用, 瀏覽器, Google Chrome

讓IE、Firefox、Chrome在Windows瀏覽網頁更美觀
📆 2014-06-11
📁 軟體應用, 瀏覽器, Google Chrome

Java Server Pages (JSP)（Visual Studio Code 擴充功能）：讓 VSCode 支援 JSP
📆 2019-03-26
📁 軟體應用, 網站技術, JSP

ComfyUI：安裝 SageAttention 教學！以啟用極速幾乎無損的 AI 影片加速術
📆 2026-08-10
📁 軟體應用, 人工智慧, AI影片

Stable Diffusion：二次元角色輕拉簾子遮身的 AI 繪圖提詞
📆 2025-02-27
📁 軟體應用, 人工智慧, AI繪圖

ComfyUI x HeartMuLa：完全免費開源！輕鬆本地生成人聲歌曲（附工作流）
📆 2026-01-23
📁 軟體應用, 人工智慧, AI音樂

Google Chrome擴充功能:Blipshot
📆 2015-06-22
📁 瀏覽器, Google Chrome, 擴充元件

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