當前位置:
首頁 > 最新 > 每天知多些!下載或保存網站當前整個頁面圖片的方法有幾種?

每天知多些!下載或保存網站當前整個頁面圖片的方法有幾種?

作為一名電商/平面設計師,因工作需要,閑時需要收集大量素材或設計元素,亦或需要採集一些設計靈感作為參考,在瀏覽某個網站或某個網頁時,我們看到的圖片想保存下來,除了截圖這個方法之外,還有什麼方法呢?

方法1 審查元素

【1】利用審查元素保存單張圖片的方法

隨意打開一個有圖片的網站,例如:天貓網站https://www.tmall.com/?

在頁面空白處或隨意一處點擊滑鼠右鍵,點擊「檢查」或「審查元素」這字體(不同瀏覽器稍微有所不同,若用360瀏覽器的話滑鼠隨意在網頁某處點擊右邊可看到有「審查元素」四個字),點擊字體後即會看到出現很多代碼,在這裡我是點擊了上面圖片中的這個男裝然後右鍵審查元素的,然後代碼系統自動藍色鎖定了一組代碼如下:

接著點擊代碼「https://img.alicdn.com/simba····.jpg」(字母比較長,省略),然後在這一段代碼上右鍵點擊滑鼠,看到一串英文字選擇點擊open link in application panel這行字體,然後即會出現如圖

然後再接著這一張圖片上右鍵點擊滑鼠,看到一串英文字選擇點擊open image in new teb,即會彈出新的頁面

這個時候直接右鍵點擊保存,或者快捷鍵ctrl+s保存到桌面或其他地方即可。

【2】利用審查元素保存整個頁面圖片的方法

剛剛上面的方法進行到這一步,可看到左邊有很多字母,其實這些就是當前頁面的圖片,這個方法其實就是利用網頁設計語言的一個方法

我們往上拉,可看到

看到沒,在子代碼中,當前整個網頁圖片都保存在這個地方了,而英文images就是圖片的意思

我們可以一次次點擊左邊這些字母,採用上述方法一個個保存,就可以將當前整個頁面的圖片一張張保存下來了。也可以針對性地想保存哪張就保存哪張。

當然了,這個方法比較費勁。

那有什麼快捷的方法直接保存網頁中的圖片呢?

別急,讓我給你一一詳細說來:

方法2 360瀏覽器中的圖片放大鏡功能

下載安裝360安全瀏覽器或者360極速瀏覽器都可以,下面我拿360安全瀏覽器舉例子:

360安全瀏覽器安裝成功後,在瀏覽器右上角點擊這三天線這個地方,看到「設置」兩個字點擊進去,

然後,在選項中找到實驗室,接著勾選「圖片放大鏡」功能

接著,隨意打開天貓網站任意一家店鋪的詳情頁或首頁,現在我拿這個頁面舉例子,因為開啟了圖片放大鏡功能,所以360瀏覽器自動顯示當前詳情頁中的圖片:

滑鼠點擊「6張大圖」,然後即可看到

我們可以右上角圖片整理中,然後一會就看到「另存為套圖」這幾個字,冬季它即可保存這個頁面的詳情頁啦,保存在桌面或什麼地方自己選擇,也可以命名文件夾。

該方法講述完畢,是不是很方便快捷又很簡單呢?

還有別的方法嗎?

下面繼續為你獻上妙計

方法3 360瀏覽器中的擴展管理應用

在360瀏覽器右上角點擊如下圖圖標,然後接著點擊管理

出現擴展管理頁面,再接著點擊添加更多擴展,就進入了360的應用市場了,我們在搜索框這裡可輸入「圖片」兩個字,

有很多關於圖片的應用,我們可以根據自己的需要點擊安裝,然後360瀏覽器會自動進行安裝,安裝成功後會自動添加在瀏覽器右上角位置,也就是剛才的這個"管理"這裡,需要使用的時候我們在瀏覽器右上角可以直接點擊使用

看到了嗎?這個就是剛剛點擊安裝的應用,已經自動安裝在這裡了,使用的時候點擊它就可以使用啦!

以上方法你get到了嗎?如果覺得對你有幫助的話,請給我點贊吧!


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 全球大搜羅 的精彩文章:

盜墓筆記城裡下鄉的神秘中年男子二
《穿衣打扮技巧》所謂個性,就要一點點小不同

TAG:全球大搜羅 |