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

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

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

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

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

Microsoft Edge：開啟實驗功能「圓角標籤」
📆 2023-04-19
📁 軟體應用, 瀏覽器, Edge

Telegram 7.8 for Android & Telegram Desktop 2.8 更新：群組視訊通話、動態背景
📆 2021-06-25
📁 軟體應用, 行動平台, 資訊新聞, APP應用, Android

PhotoImpact-為圖片打上馬賽克
📆 2013-12-26
📁 軟體應用, 多媒體, 靜圖處理

Stable Diffusion：AI 繪圖動作提詞百選，一百種情境任君挑選！
📆 2025-03-07
📁 軟體應用, 人工智慧, AI繪圖

Google Chrome擴充功能:Google 翻譯
📆 2015-03-22
📁 瀏覽器, Google Chrome, 擴充元件

After Effects:輸出單格影像教學、輸出單格PNG技巧
📆 2017-04-28
📁 軟體應用, 多媒體, 靜圖處理

FramePack：開源圖生影 AI 工具，低門檻打造高品質影片的革命性實測
📆 2025-04-24
📁 軟體應用, 人工智慧, AI影片

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

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