Chromium 核心通用的瀏覽器內建截圖教學(支援 Chrome、Edge、Opera)
2021/07/29
萌芽站長
858 4
軟體應用 , 瀏覽器 , Google Chrome , Edge , Opera
⚠️ 溫馨提醒:我們發現您可能啟用了廣告阻擋器,請將本站加入白名單以正常閱讀文章內容,謝謝支持 ❤️
常常需要網頁截圖,但卻苦惱不知如何做嗎?那你找對文章了!因為這篇文章將告訴你一個好方法,適用所有 Chromium 核心的瀏覽器,也就是說這方法支援 Chrome、Edge、Opera 等瀏覽器,不管是局部區域截圖、長截圖(完整頁面)、指定節點截圖或螢幕範圍截圖,通通可以做到!首先你需要在要截圖的網頁頁面上開啟 F12 開發者工具。

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

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

▲ 局部區域截圖可以自訂要截圖的範圍喔!
題外話,Chrome 內建只有這方式能截圖,而 Edge 跟 Opera 內建可以用圖形化介面直接截圖,更簡易便利喔!
贊助廣告 ‧ Sponsor advertisements
Movavi Screen Capture Studio:擷取螢幕、編輯影片、分享發布一套軟體就搞定!
📆 2016-10-21
📁
軟體介紹, 軟體應用, 多媒體, 影片編輯, 串流錄製
Brackets:更改編輯區顯示字體
📆 2015-04-14
📁
軟體應用
Google Sheets & Excel 取得網頁上表單、表格的資料並製成圖表教學
📆 2017-04-13
📁
軟體應用, 網路應用
Stable Diffusion:AI 繪圖背景提詞百選,一百種背景任君挑選!
📆 2024-10-27
📁
軟體應用, 人工智慧, AI繪圖
Microsoft Excel:從 Web 取得資料、凍結窗格
📆 2017-11-04
📁
軟體應用
Android Studio:Toast 提示訊息簡易開發教學
📆 2019-10-05
📁
軟體應用, 行動平台, 程式設計, Android, JAVA, APP開發
SD web UI x ControlNet x 3D Openpose Editor:進階應用!快速產生人物動作手勢並運用於 AI 繪圖
📆 2023-04-17
📁
軟體應用, 網路應用, 人工智慧, AI繪圖
ComfyUI x MiniMax H3 x Preview Override:雙加速搭配即時預覽爽用地表最強開源 AI 影片生成模型(é™...
📆 2026-08-12
📁
軟體應用, 人工智慧, AI影片
留言區 / Comments
萌芽論壇