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

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

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

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

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

Path Intellisense（Visual Studio Code 擴充功能）：自動填充文件名工具
📆 2019-02-11
📁 軟體應用, 網站技術

Telegram 7.6 for Android & Telegram Desktop 2.7 更新：語音聊天 2.0～頻道、百萬聽眾、錄音聊天、...
📆 2021-03-20
📁 軟體應用, 行動平台, 資訊新聞, APP應用, Android

nvm-windows：Windows 平台的 Node.js 版本管理工具，可安裝、切換和管理多個 Node.js 版本
📆 2024-06-26
📁 軟體介紹, 軟體應用, 網站技術, Node.js

Stable Diffusion：用於調整視角、攝影位置的 AI 繪圖提詞
📆 2023-06-05
📁 軟體應用, 人工智慧, AI繪圖

利用 Google2SRT 下載YouTube字幕為.srt
📆 2015-04-28
📁 軟體應用, 串流媒體

SD web UI x ControlNet：運用 Style Adapter 使 AI 模仿指定影像風格（畫風）
📆 2023-04-27
📁 軟體應用, 人工智慧, AI繪圖

Pinokio x WanGP：快速建置本地 AI 影片工作室
📆 2025-12-19
📁 軟體應用, 人工智慧, AI影片

Picasa 3:圖片美術拼貼
📆 2017-03-01
📁 軟體應用, 多媒體, 靜圖處理

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