Chromium 核心通用的瀏覽器內建截圖教學(支援 Chrome、Edge、Opera)
2021/07/29
萌芽站長
174 1
軟體應用 , 瀏覽器 , Google Chrome , Edge , Opera
常常需要網頁截圖,但卻苦惱不知如何做嗎?那你找對文章了!因為這篇文章將告訴你一個好方法,適用所有 Chromium 核心的瀏覽器,也就是說這方法支援 Chrome、Edge、Opera 等瀏覽器,不管是局部區域截圖、長截圖(完整頁面)、指定節點截圖或螢幕範圍截圖,通通可以做到!首先你需要在要截圖的網頁頁面上開啟 F12 開發者工具。
▲ 右鍵清單「檢查」或點鍵盤「F12」都可以進入到開發者工具,接著右側「...」,選「Run command」(也可以直接鍵盤「Ctrl」+「Shift」+「P」)。
▲ 輸入指令「screenshot」,會列出四種截圖方式,由上至下分別是:局部區域截圖、長截圖(完整頁面)、指定節點截圖、螢幕範圍截圖。節點(Node)指的是網頁的 HTML 節點,這種截圖方式網頁開發者應該會覺得很好用~
▲ 局部區域截圖可以自訂要截圖的範圍喔!
題外話,Chrome 內建只有這方式能截圖,而 Edge 跟 Opera 內建可以用圖形化介面直接截圖,更簡易便利喔!
贊助廣告 ‧ Sponsor advertisements
Android Studio:在 APP 中開啟網頁(URL)教學
📆 2019-10-04
📁
軟體應用, 行動平台, 程式設計, Android, JAVA, APP開發
ClipGrab:YouTube、Vimeo、Facebook 等線上影音網站影片下載器
📆 2021-07-16
📁
軟體介紹, 軟體應用
OBS:新增日期與時間至錄影或串流中
📆 2019-08-21
📁
軟體應用, 多媒體, 網路應用, 網站技術, CSS, JavaScript, 串流錄製
Language Support for Java(TM)(Visual Studio Code 擴充功能):JAVA 支援必備擴充
📆 2019-02-22
📁
軟體應用, 程式設計, JAVA
Movavi Video Editor 2024:如何在影片中添加音訊
📆 2023-11-16
📁
軟體介紹, 軟體應用, 多媒體, 影片編輯
Git 版本控制:建立分支、切換分支、合併分支(使用 VS Code)
📆 2019-09-22
📁
軟體應用, 網站技術, 程式設計
JavaScript 抓參數可指定間隔時間不斷重新載入指定網址(OBS 瀏覽器自動重載解決方案)
📆 2019-08-22
📁
軟體應用, 多媒體, 網路應用, 網站技術, JavaScript, 串流錄製
BlueGriffon網頁製作教學:插入HTML5影片
📆 2014-05-07
📁
軟體應用
留言區 / Comments
萌芽論壇