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
Android Studio:如何在 APP 中應用質感按鈕(Material Button) ?按鈕圓角簡單完成!
📆 2019-12-21
📁
軟體應用, 行動平台, Android, APP開發
SD web UI x glowing-glasses LoRA:為 AI 繪製的二次元角色添加發光的眼鏡
📆 2023-05-14
📁
軟體應用, 人工智慧, AI繪圖
You Clever:讓 YouTube 更完美!支援影片截圖、GIF 動圖製作、音頻模式、預設畫質與音量等
📆 2021-01-11
📁
軟體應用, 瀏覽器, Google Chrome, 擴充元件
DMOOJI 彈幕君:讓 YouTube 支援彈幕!留言化身彈幕、聊天模式!
📆 2019-04-21
📁
軟體應用, 瀏覽器, 串流媒體, Google Chrome, 擴充元件
SD web UI:啟用「SD 模型 VAE」頁面頂部下拉選單
📆 2023-08-23
📁
軟體應用, 人工智慧, AI繪圖
Node.js:Webpack 基礎概念與 JS 封裝過程教學(使用 VS Code)
📆 2019-08-19
📁
軟體應用, 網站技術, JavaScript, Node.js, Webpack
Git 版本控制:「.gitignore」是讓你忽略某些檔案、目錄的設定檔!
📆 2019-10-02
📁
軟體應用, 網站技術, 程式設計
Google Chrome擴充功能:Unseen(5/14請勿安裝,惡意程式)
📆 2015-06-23
📁
瀏覽器, Google Chrome, 擴充元件
留言區 / Comments
萌芽論壇