Chromium 核心通用的瀏覽器內建截圖教學(支援 Chrome、Edge、Opera)
2021/07/29
萌芽站長
205 0
軟體應用 , 瀏覽器 , Google Chrome , Edge , Opera
常常需要網頁截圖,但卻苦惱不知如何做嗎?那你找對文章了!因為這篇文章將告訴你一個好方法,適用所有 Chromium 核心的瀏覽器,也就是說這方法支援 Chrome、Edge、Opera 等瀏覽器,不管是局部區域截圖、長截圖(完整頁面)、指定節點截圖或螢幕範圍截圖,通通可以做到!首先你需要在要截圖的網頁頁面上開啟 F12 開發者工具。
![](https://mnya.tw/cc/wp-content/plugins/native-lazyload/assets/images/placeholder.svg)
▲ 右鍵清單「檢查」或點鍵盤「F12」都可以進入到開發者工具,接著右側「...」,選「Run command」(也可以直接鍵盤「Ctrl」+「Shift」+「P」)。
![](https://mnya.tw/cc/wp-content/plugins/native-lazyload/assets/images/placeholder.svg)
▲ 輸入指令「screenshot」,會列出四種截圖方式,由上至下分別是:局部區域截圖、長截圖(完整頁面)、指定節點截圖、螢幕範圍截圖。節點(Node)指的是網頁的 HTML 節點,這種截圖方式網頁開發者應該會覺得很好用~
![](https://mnya.tw/cc/wp-content/plugins/native-lazyload/assets/images/placeholder.svg)
▲ 局部區域截圖可以自訂要截圖的範圍喔!
題外話,Chrome 內建只有這方式能截圖,而 Edge 跟 Opera 內建可以用圖形化介面直接截圖,更簡易便利喔!
贊助廣告 ‧ Sponsor advertisements
Language Support for Java(TM)(Visual Studio Code 擴充功能):JAVA 支援必備擴充
📆 2019-02-22
📁
軟體應用, 程式設計, JAVA
Live Sass Compiler(Visual Studio Code 擴充功能):讓 VSCode 支援即時編譯 SASS/SCSS 成 CSS
📆 2019-03-20
📁
軟體應用, 網站技術, CSS, Sass/SCSS
Telegram 6.2 for Android & Telegram Desktop 2.1.1 更新:影片編輯器、動態照片、更好的 GIF 等
📆 2020-06-06
📁
軟體應用, 行動平台, 資訊新聞, APP應用, Android
Stable Diffusion web UI x ControlNet:AI 依照照片中的人物骨架繪圖、草稿上色
📆 2023-02-15
📁
軟體應用, 人工智慧, AI繪圖
Kalidoface 3D:網頁運行的 VTuber 虛擬人物!支援全身或臉部追蹤!本地執行完整教學
📆 2023-05-21
📁
軟體應用, 網路應用
Docker Desktop:安裝官方提供的三個擴充,方便查詢 Log、硬碟空間及系統資源用量!
📆 2022-12-29
📁
軟體應用
Photoshop:星空與滿月細節同時出現在一張照片中、消除光暈修圖技巧!
📆 2019-11-16
📁
軟體應用, 多媒體, 靜圖處理
PhotoImpact:將圖片部分區域打黑抹除
📆 2014-08-30
📁
軟體應用, 多媒體, 靜圖處理
留言區 / Comments
萌芽論壇