Chrome瀏覽器如何完美實現截長螢幕

2021-09-28 20:12:23 字數 1235 閱讀 9848

我們平時在瀏覽網頁時,想把碰到好的網頁內容或者文章截圖儲存,但是網頁的長度常常會超出螢幕高度,一般的截圖功能只能擷取顯示在螢幕上的內容,那我們該如何方便快捷擷取全部內容?今天就分享乙個如何利用chrome瀏覽器在不安裝第三方軟體的情況下直接擷取網頁的方法。

1、選擇chrome瀏覽器,開啟需要截圖的網頁;

2、頁面載入完成後,按下快捷鍵組合ctrl+shift+i(windows)/f12或者alt+command+i(mac)調出開發者工具

3、開發者工具中,按下快捷鍵組合ctrl+shift +p(windows)command+shift+p(mac)來開啟命令列

4、在命令列中輸入"screen",可以看到三個選項,根據不同需求進行選擇

◆ 整個網頁:capture full size screenshot

◆ 節點網頁:capture node screenshot

◆ 當前螢幕:capture screenshot

1、擷取整個網頁的內容,進行截圖(capture full size screenshot)

2、選擇需要的元素節點,進行截圖(capture node screenshot)

3、根據當前當前螢幕的大小,進行截圖(capture screenshot)

如果你想在網頁中擷取手機的畫面截,可通過快速鍵 ctrl + shift + m(mac為 command + shift + m)來開啟模擬工具,切換 iphone、ipad、nexus、galaxy 等裝置開啟網頁的顯示情形,再根據上面介紹的截圖功能抓取網頁在手機顯示的畫面截圖

利用chrome瀏覽的開發者工具,完美實現網頁全屏截圖,不需要安裝任何外掛程式,大家快來試試吧。

ctrl+shift+i(f12)

ctrl+shift+p

輸入"screen"

④ 選擇不用的方式擷取:

▶ 整個網頁(capture full size screenshot

▶ 節點網頁(capture node screenshot

▶ 當前螢幕(capture screenshot

如何判斷chrome瀏覽器

1.背景 有好多瀏覽器使用了chrome核心,比如opera和很多國產瀏覽器。因此它們的useragent中就會出現 chrome 的字樣。這樣根據useragent判斷時就要先判斷是否有其他瀏覽器標誌。2.說明 判斷是否是chrome瀏覽器採用黑名單的方式。即判斷ua是否有chrome標識,然後剔...

如何高效利用chrome瀏覽器

陸陸續續,有很多朋友都有kexue上網的需求,期間也幫過好幾個同學kexue上網,裝上外掛程式之類的東西,為了減少重複性教學,我在這裡寫下這篇文章,來做乙個簡明的教程,希望能夠幫助到大家。iggtampermonkey 使用安卓版的rar軟體解壓,記住此時解壓檔案的路徑。再開啟chrome exte...

chrome瀏覽器安裝

在centos 7.x 安裝chrome 瀏覽器的方法。首先在 etc yum.repos.d目錄中建立google chrome.repo檔案,其寫入如下內容 plain view plaincopy google chrome name google chrome baseurl enabled...