搜尋
首頁系統教程MAC如何使用屏幕截圖Chrome工具 - SetApp

高效截取Chrome瀏覽器網頁截圖的多種方法

在與同事解釋功能或工作流程,或僅僅是為了日後備忘時,截圖都非常寶貴。只需在Mac上按下Shift ⌘ 3 (或4或5),幾秒鐘內就能展示一些用文字解釋需要幾分鐘才能說明的內容。

鑑於谷歌瀏覽器是目前最流行的瀏覽器,我們理所當然地期望能使用某種Chrome截圖工具,或者Chrome團隊能夠開發出令人驚豔的截圖工具,但乍一看,並沒有。

那麼,有沒有辦法原生截取Chrome屏幕,例如截取您正在訪問的網站的Chrome全屏截圖呢?讓我們來探索一下。

在Setapp中查找最佳屏幕截圖工具

無論需要錄製GIF、視頻還是滾動內容,Setapp總能提供合適的解決方案。節省搜索應用的時間。

免費試用為什麼需要在Chrome上截屏?

有些人可能想知道,如果Mac有內置的截圖選項,為什麼還需要學習如何在Google Chrome上截屏?

原因如下:首先,在單個應用程序中完成所有操作通常對您的工作流程更有益,無需將手指從鍵盤上移開或切換上下文。其次,Mac的默認截圖工具缺少一些有用的瀏覽器選項,例如截取整個頁面滾動截圖以及截取精確的可視區域而無需拖動。

所以,一個隱藏的秘密是,Chrome在其DevTools區域內保留了一個截圖工具,一旦您學會瞭如何使用它,它就相當強大且靈活。另一個好處是:Chrome截圖工具在所有操作系統上的工作方式相同,因此無論您使用的是Windows、macOS還是Chrome OS,Chrome屏幕截圖選擇都保持不變。

在Chrome上截屏有三種有用的方法。

如何使用Chrome截圖快捷鍵

如上所述,Chrome開發人員決定將所有Chrome截圖工具功能隱藏在DevTools中,DevTools是一個廣泛且強大的平台,全球大多數Web開發人員都在使用它。因此,可以說Chrome團隊將截圖功能開發成了專業工具。

注意確保精確使用以下命令。隨意更改DevTools可能會導致瀏覽器行為發生意外變化。

因此,要學習如何全屏顯示Chrome或僅截取常規屏幕截圖:

  1. 通過轉到“查看”➙“開發者”➙“開發者工具”(Option ⌘ I)打開DevTools。
  2. 轉到省略號菜單➙“運行命令”(Shift ⌘ P)。
  3. 輸入“screenshot”。
  4. 選擇您要截取的截圖類型:區域、全尺寸、節點或常規。

How to use screenshot Chrome tools – Setapp

您的Chrome截圖將保存到您的常規目標文件夾中,在Google Chrome中,默認情況下是“下載”文件夾。

但是,有時您確實需要比Google Chrome更進一步,使用可在每個應用程序中工作的專業級工具來截取屏幕截圖。

有關如何在Mac上截屏的更多信息,請參閱我們的分步指南。

CleanShot是Mac的終極錄製應用程序。它不僅涵蓋了所有常規的macOS屏幕截圖功能,還允許您截取網站或應用程序的精確滾動截圖、設置截圖計時器以及錄製屏幕。更重要的是,CleanShot會自動隱藏您所有的桌面圖標,將您的圖像保存在雲端以便輕鬆共享,並允許您隨時註釋您的截圖。

How to use screenshot Chrome tools – Setapp

使用CleanShot非常簡單:該應用程序始終可在您的菜單欄中輕鬆訪問,只需單擊其圖標並選擇您想要的截圖類型即可。為了更方便地訪問,您可以將CleanShot設置為Mac上的默認圖像捕獲工具。

如何使用設備模擬器在Chrome上截屏

使用Chrome提供的截圖工具的另一個重要好處是,您可以通過其設備模擬器運行它來表示移動屏幕(例如),而無需使用您的手機。您甚至可以精確指定要顯示的設備,這非常適合創建設計模型或僅測試您現有的網站。

要使用設備模擬器截取Chrome屏幕截圖:

  1. 啟動Chrome。
  2. 使用Option ⌘ I快捷鍵打開DevTools。
  3. 單擊DevTools頂部的第二個圖標,稱為“切換設備工具欄”(Shift ⌘ M)。
  4. 使用下拉菜單指定設備。
  5. 運行命令(Shift ⌘ P)並蒐索“screenshot”。
  6. 截取您選擇的屏幕截圖。

How to use screenshot Chrome tools – Setapp

另請閱讀:

  • Mac的廣告攔截器
  • 下載Vimeo視頻
  • 截取滾動屏幕截圖
  • Mac最佳開發者工具

如何使用Chrome截圖擴展程序

如何在Chrome上全屏顯示或截取任何類型的屏幕截圖的最後一種方法是利用Chrome龐大的擴展程序庫,其中也包含許多屏幕抓取工具。

要下載Chrome擴展程序:

  1. 轉到“窗口”➙“擴展程序”。
  2. 在菜單中,選擇“打開Chrome網上應用店”。
  3. 搜索“screenshot”。
  4. 選擇您選擇的工具(我們推薦Lightshot)。
  5. 點擊“添加到Chrome”。

How to use screenshot Chrome tools – Setapp

然後,當您想要使用它時,單擊擴展程序,選擇合適的選項,並在Chrome瀏覽器中直接截取屏幕截圖。

如果您想使用瀏覽器截取屏幕截圖,但又希望比Chrome提供的功能更靈活,您可以使用Mac截圖應用程序,該應用程序在其自身中內置了瀏覽器。

Capto是一款真正多功能的應用程序。一方面,它是一個專業級的屏幕錄製工具,另一方面,它是一個功能強大的視頻編輯器。使用Capto的頂部菜單欄,您可以截取屏幕、區域、菜單或窗口屏幕截圖,錄製視頻以及直接從Capto瀏覽器捕獲圖像:

  1. 在Capto中,單擊“網頁”➙“從Capto瀏覽器捕捉”。
  2. 搜索URL。
  3. 然後選擇捕捉區域、滾動運動甚至DOM元素。

How to use screenshot Chrome tools – Setapp

如您所見,學習如何在Google Chrome上截屏只需幾分鐘。您可以使用內置工具、使用設備模擬器或下載擴展程序。但是,最佳效果和功能始終保留在Mac應用程序中,例如CleanShot用於全面的強大捕捉,或Capto用於捕捉瀏覽器元素的圖像。

最棒的是,CleanShot和Capto都可以通過Setapp試用版免費試用七天,Setapp是一個擁有220多個世界一流的Mac和iPhone應用程序的平台,可以滿足您能想到的任何任務,從優化Mac到編輯照片。今天就免費試用所有Setapp應用程序,感受隨時隨地使用最佳Mac工具的強大功能。

以上是如何使用屏幕截圖Chrome工具 - SetApp的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
如何安裝MacOS紅杉公共Beta如何安裝MacOS紅杉公共BetaMay 15, 2025 am 10:39 AM

MACOS紅杉公共Beta計劃現已可用,為MAC用戶提供了較早的機會來探索新的MACOS系統軟件更新。但是,重要的是要注意,像所有Beta版本一樣,Macos紅杉公共Beta可能是MOR

如何在Apple Silicon Mac上運行Ubuntu Linux如何在Apple Silicon Mac上運行Ubuntu LinuxMay 15, 2025 am 10:37 AM

有興趣在Apple Silicon Mac上運行Ubuntu Linux嗎?現在,與MacOS一起運行Ubuntu比以往任何時候都要簡單,而無需分區,雙啟動或冒著Mac的操作系統冒險。多虧了虛擬機技術,您

如何使用Powermetrics在Mac上查看單個核心CPU使用情況如何使用Powermetrics在Mac上查看單個核心CPU使用情況May 15, 2025 am 10:31 AM

有多種方法可以在Mac上跟踪CPU使用率,其中最受歡迎的是圖形接口的活動監視器,HTOP或命令行用戶的頂部。活動監視器可以顯示可選的核心圖,而HTOP顯示CPU核心

Mac– CPU使用和網絡訪問請求解釋了Mac– CPU使用和網絡訪問請求解釋了May 15, 2025 am 10:18 AM

一些Mac用戶偶爾會發現MacOS中的“chronod”進程要么消耗大量系統資源,要么請求訪問網絡連接。有時,chronod也會被過度警覺的防病毒應用程序標記。雖然很多人會忽略這種情況,但還有一些好奇的Mac用戶會積極探究那些消耗大量資源的進程具體是什麼,或者一個需要或要求互聯網訪問的進程的意圖是什麼。那麼,Mac上的chronod是什麼?為什麼它會使用高CPU和系統資源?為什麼它需要網絡訪問?讓我們深入探討一下chronod進程,以更好地理解它的功能。什麼是chronod? chronod進程是

Mac上的安全代理:它是什麼,它在MacBook Air/Pro上做什麼?Mac上的安全代理:它是什麼,它在MacBook Air/Pro上做什麼?May 15, 2025 am 10:11 AM

MAC上的MacScurity代理上的安全代理是什麼是負責管理用戶身份驗證,系統安全通知以及應用程序權限請求的背景過程。它與MacOS的安全服務器t合作

Mac最好的2位編輯:IMHEX和HEX FIENDMac最好的2位編輯:IMHEX和HEX FIENDMay 15, 2025 am 10:05 AM

十六進制編輯器是專門的軟件工具,旨在查看和編輯六邊形數據以及文件中的原始二進制數據。這些工具對於需要檢查,調試和ANA的程序員,開發人員和反向工程都是必不可少的

MacOS紅杉15 Beta 4可供下載MacOS紅杉15 Beta 4可供下載May 15, 2025 am 09:54 AM

Apple已針對參加MACOS紅杉開發人員Beta測試計劃的人推出了MacOS紅杉15版的第四次Beta版本。通常,標記為MacOS紅杉公共Beta 2的公共Beta測試人員的相應構建已發布

FaceTime不在Mac上工作?這是解決它的方法FaceTime不在Mac上工作?這是解決它的方法May 15, 2025 am 09:49 AM

Apple的FaceTime應用程序旨在無縫連接Apple用戶,從而提供諸如智能手機上的雙攝像機支持,以增強視頻聊天體驗。但是,FaceTime可能無法按預期運行。本文d

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具