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

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

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

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

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

Android Studio：APP 使用 JDBC 連接 MySQL 資料庫並寫入資料後更新畫面
📆 2019-10-07
📁 軟體應用, 行動平台, 程式設計, 資料庫, Android, JAVA, APP開發

FFmpeg：minterpolate 運動插幀、補幀，任意幀數升至 60 FPS 甚至更高！
📆 2019-08-27
📁 軟體應用, 多媒體, 影片編輯

利用Hola Better Internet查看某國家是否封鎖某網站
📆 2014-05-29
📁 軟體應用

Android Studio：運用 Asset Studio 與 Clip Art 修改 APP 圖示 (ICON)
📆 2021-11-17
📁 軟體應用, 行動平台, Android, APP開發

Firefox Lite：台灣團隊所開發的超輕量瀏覽器、更快更自由！
📆 2019-03-01
📁 瀏覽器, 行動平台, 資訊新聞, Firefox, APP推薦, Android

Stable Diffusion web UI x Latent Couple x Composable LoRA：準確分割 LoRA 影響範圍以繪製多個主題或人物
📆 2023-02-26
📁 軟體應用, 人工智慧, AI繪圖

Google Chrome擴充功能:Instants
📆 2015-12-12
📁 瀏覽器, Google Chrome, 擴充元件

Telegram 7.2 for Android & Telegram Desktop 2.4.5 更新：置頂訊息 2.0、即時位置改進、播放清單等
📆 2020-10-31
📁 軟體應用, 行動平台, 資訊新聞, APP應用, Android

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