小樂圖客攻略:[16]如何抓取網頁CSS背景圖

我們知道在網頁取圖時,經常遇到一些使用小樂圖客取不到的圖。這時就需要考慮這些圖片是否屬於CSS背景圖,實際圖片地址是否隱藏在CSS文件中。本文分享給大家如何批量從網站CSS文件中抓取背景圖的方法。

工具/原料

Chrome
小樂圖客

方法/步驟

首先,我們針對測試網頁,使用小樂圖客的默認取圖方式(快捷鍵Ctrl+Q)

得到的,只有很少的圖片。

點擊全部圖片後,圖片仍然很少,還是沒有我們想要的圖片。

這時,不要急。打開代碼功能(美圖按鈕右側的三角箭頭)

並點擊「網頁信息」

選擇「CSS Links」

將代碼框中的CSS文件連結地址,複製一下。

接下來,我們使用小樂圖客的多網址功能,將CSS文件連結批量打開,並抓取CSS背景圖片。

點擊小樂圖客泡泡框,選擇「多網址」模式

將複製的CSS連結地址,粘貼到多網址模式的文本框中。

然後點擊「批量打開網址」

批量打開之後,點擊GO按鈕

即可發現我們希望抓取的背景圖了。

注意事項

有時取不到圖,在取圖前需確認是否誤用了取圖規則
針對複雜網頁取圖前,確保勾選上所有圖片類型

相關文章

  1. 小樂圖客攻略:[3]Chrome瀏覽器如何整頁截圖

    Chrome瀏覽器截圖插件很多,但許多隻支持區域截圖,不支持整個網頁截圖.這裡介紹一下如何使用小樂圖客對整個網頁截圖. 工具/原料 Chrome瀏覽器 小樂圖客 方法/步驟 安裝過小樂圖客之後,打開任 ...
  2. 小樂圖客攻略:[25]畫偏序關係圖哈斯圖Hasee圖

    我們知道哈斯圖在離散數學分支序理論中,是用來表示有限偏序集的一種數學圖表,它是一種圖形形式的對偏序集的傳遞簡約.本文分享給大家如何使用小樂圖客的矢量截圖功能,畫出各種哈斯圖. 工具/原料 Chrome ...
  3. 小樂圖客攻略:[15]如何快速保存網頁選中文字

    我們在網頁上選中一部分文字後,如何快速保存到本地呢?一般的做法是,複製文字到記事本.Word等文字處理軟體,然後另存為文本文件.本文分享給大家幾種快速的保存方法和技巧. 工具/原料 Chrome 小樂 ...
  4. 小樂圖客攻略:[21]如何一鍵等距平均切割圖片

    我們知道小樂圖客有拼圖的功能,可以將多張圖片拼成一幅圖,那麼反過來能把一張大圖平均切割成若干張小圖嗎?本文分享如何使用小樂圖客快速切割大圖. 工具/原料 Chrome 小樂圖客 方法/步驟 首先,打開 ...
  5. 小樂圖客攻略:[19]添加圖形變形和色彩濾鏡

    在Chrome瀏覽器中畫出各種幾何圖形,其實並不難.本文分享給大家使用小樂圖客繪製各種幾何圖形,並做出數學變形與增加濾鏡的方法. 工具/原料 Chrome 小樂圖客 方法/步驟 首先,我們在Chrom ...
  6. 小樂圖客攻略:[5]Chrome一鍵切換夜間模式

    夜貓子上網要保護眼睛,或者觀看視頻時,關燈觀看的體驗更好,因此許多視頻網站,都支持關燈模式,那麼針對其它普通網頁,有無一個快速簡潔的方法,把普通網頁瞬間切換到夜間模式呢?本文介紹一種非常快捷的一鍵切換 ...
  7. 小樂圖客攻略:[9]如何快速拼圖生成照片牆

    我們知道Chrome瀏覽器中的小樂圖客,支持拼圖.可以將當前網頁的圖片,或者本地圖片,按多種方式拼成一張圖片牆.本文分享一下如何使用網頁中的圖片快速拼圖. 工具/原料 Chrome瀏覽器 小樂圖客 方 ...
  8. 小樂圖客攻略:[26]如何繪製插入表格和去除邊框

    我們知道在小樂圖客的截圖功能中,可以畫出各種矢量圖形,那麼如何插入表格文字呢?本文分享給大家快速繪製表格的方法,以及如何去除邊框的技巧 工具/原料 Chrome 小樂圖客 方法/步驟 首先,我們在Ch ...
  9. 小樂圖客攻略:[6]用多個搜尋引擎同時搜尋

    我們知道Chrome瀏覽器可以在地址欄直接輸入關鍵詞,使用默認搜尋引擎搜尋.但是有時候為了比較搜尋結果,或者為了得到更多的搜尋結果,我們需要用多個搜尋引擎同時搜尋關鍵詞.如果逐一打開搜尋引擎,然後逐一 ...
  10. 小樂圖客攻略:[4]Chrome保存網頁為mht格式

    我們知道保存網頁時,如果只保存為單個html格式的文件,那麼網頁裡面的圖片.CSS引用文件.JS代碼等等,保存時都可能被丟棄.而保存為html(全部),雖然能得到相應文件,但是會得到一個額外的文件夾, ...
  11. 小樂圖客攻略:[22]如何批量提取網頁連結地址

    我們知道小樂圖客支持自定義JS功能,本文分享給大家如何使用小樂圖客一鍵批量提取網頁中的連結(文字連結.圖片連結.視頻連結.音頻連結.Flash連結等等)及相應的連結文字. 工具/原料 Chrome 小 ...
  12. 小樂圖客攻略:[24]批量打開多個有規律的網址

    我們知道,Chrome瀏覽器中的小樂圖客擴展,有多網址模式,可以方便一鍵批量打開多個網址.本文分享給大家,如果多個網站地址有遞增規律的話,還可以在小樂圖客中,使用表達式,來優雅地而且快速地批量打開多個 ...
  13. 小樂圖客攻略:[17]圖片轉換成Base64字符串

    我們知道可以通過Base 64編碼,將圖片文件(網頁圖片.本地圖片.剪貼板圖片)轉換成一串字符串.這樣即使原圖片文件失效,我們也可以通過Base 64編碼重新得到它.本文分享使用小樂圖客,快速將圖片轉 ...
  14. 小樂圖客攻略:[12]截圖如何插入粘貼圖片

    我們知道許多網頁截圖工具中,可以截圖,可以畫圖形.作文字備註,但是卻很少看到可以插入圖片,或者粘貼圖片的功能.本文通過小樂圖客,深入分享這方面的小技巧. 工具/原料 Chrome 小樂圖客 方法/步驟 ...
  15. 小樂圖客攻略:[20]如何同步或恢復默認設置

    我們知道小樂圖客默認設置中有許多強大的功能,但是設置起來也不太容易掌握,對新手來說,容易誤操作.本文分享在遇到誤操作之後,如何簡單幾步,進行同步設置或恢復小樂圖客的默認選項. 工具/原料 Chrome ...
  16. 小樂圖客攻略:[7]如何畫各種形狀的SVG矢量圖

    我們知道使用SVG矢量圖(Scalable Vector Graphics, 可伸縮矢量圖形),有許多好處,例如可以自由縮放,存儲輕便,後期允許再次編輯.這裡介紹一下如何通過小樂圖客,來畫各種幾何形狀 ...
  17. 小樂圖客攻略:[18]如何批量美化網頁圖片

    我們知道有許多網頁圖片美化工具,本文分享給大家如何通過小樂圖客批量美化圖片的小技巧. 工具/原料 Chrome 小樂圖客 方法/步驟 首先,在我們瀏覽的當前網頁中,按下快捷鍵Ctrl+Q 或者點擊Ch ...
  18. 小樂圖客攻略:[8]輸入各種特殊字符

    平常需要輸入特殊字符時,我們知道有許多辦法.例如打開常用輸入法,一般都帶有一些特殊字符,或者打開Word點擊插入特殊字符.但是因為種種原因,有時候找一個特殊字符,仍然非常不方便.本文介紹一種非常方便, ...
  19. 小樂圖客攻略:[23]窗口和擴展頁面如何截圖

    我們知道Chrome瀏覽器中的擴展小樂圖客,有截圖的功能.但是在有些系統窗口,以及Chrome擴展頁面和Chrome設置頁面,卻無法使用小樂圖客截圖快捷鍵Ctrl+Shift+X.本文分享給大家截圖快 ...
  20. 小樂圖客攻略:[14]網頁文字內容劃詞搜尋

    我們知道在瀏覽網頁時,遇到一些不熟悉的英文單詞或網絡語言,需要另開網頁搜尋,容易打斷網頁文章的閱讀思路和節奏.本文分享一個簡單方法,在網頁上直接選中文字,彈出關鍵詞的搜尋結果,即對關鍵詞進行劃詞搜尋. ...