Chromium 核心通用的瀏覽器內建截圖教學(支援 Chrome、Edge、Opera)
2021/07/29
萌芽站長
183 1
軟體應用 , 瀏覽器 , Google Chrome , Edge , Opera
常常需要網頁截圖,但卻苦惱不知如何做嗎?那你找對文章了!因為這篇文章將告訴你一個好方法,適用所有 Chromium 核心的瀏覽器,也就是說這方法支援 Chrome、Edge、Opera 等瀏覽器,不管是局部區域截圖、長截圖(完整頁面)、指定節點截圖或螢幕範圍截圖,通通可以做到!首先你需要在要截圖的網頁頁面上開啟 F12 開發者工具。
▲ 右鍵清單「檢查」或點鍵盤「F12」都可以進入到開發者工具,接著右側「...」,選「Run command」(也可以直接鍵盤「Ctrl」+「Shift」+「P」)。
▲ 輸入指令「screenshot」,會列出四種截圖方式,由上至下分別是:局部區域截圖、長截圖(完整頁面)、指定節點截圖、螢幕範圍截圖。節點(Node)指的是網頁的 HTML 節點,這種截圖方式網頁開發者應該會覺得很好用~
▲ 局部區域截圖可以自訂要截圖的範圍喔!
題外話,Chrome 內建只有這方式能截圖,而 Edge 跟 Opera 內建可以用圖形化介面直接截圖,更簡易便利喔!
贊助廣告 ‧ Sponsor advertisements
SD web UI:用於調整人物頭髮長短的 AI 繪圖提詞
📆 2023-06-11
📁
軟體應用, 人工智慧, AI繪圖
Telegram Desktop (桌面版) 客戶端字體更換教學
📆 2018-01-03
📁
軟體應用
You-Get:用終端機下載 Web 平台上的媒體內容(Python 應用)
📆 2022-11-30
📁
軟體應用
Telegram x Controller Bot:建立擁有回饋、評論、連結按鈕之頻道訊息
📆 2020-03-29
📁
軟體應用, 行動平台, APP應用, Android
Visual Studio Code:運用規則運算式尋找取代達成 SRT 字幕檔轉換為時間軸標記(時間戳記)
📆 2021-09-13
📁
軟體應用
WordPress 安裝教學與前後台簡介(以 XAMPP 作為平台)
📆 2019-12-22
📁
軟體應用, 網站技術, 架站程式, 架站資源, WordPress
After Effects:重複影片素材以增加長度、增減速度使影片素材長度符合需求
📆 2019-05-15
📁
軟體應用, 多媒體, 動畫特效
Google Chrome擴充功能:Instants
📆 2015-12-12
📁
瀏覽器, Google Chrome, 擴充元件
留言區 / Comments
萌芽論壇