前端開發如何摳圖

對於不少初學者,咱們在進行前端頁面開發的過程當中,咱們首先會模仿一些網站寫一些界面。從而會常常遇到須要獲取一些圖片資源。此時咱們想到的最快的方式就是直接到該網站摳圖.前端

 舉個簡單的例子,好比咱們想到模仿淘寶網的首頁,咱們能夠打開淘寶,想要獲取到下圖紅色框裏面的圖片。程序員

能夠直接右鍵,選擇複製圖片,此時就能夠獲取到該圖片。網站

 

 

這是一種簡單粗暴的方法,除此以外咱們還能夠按照程序員的方式獲取圖片。url

選中該圖片右鍵,選擇檢查,查看網頁源代碼.net


 

看到在頁面底部,出現顯示該圖片的代碼3d

 

 

選中顯示圖片的代碼,右鍵選擇opencode


 

進去顯示整張圖片,右鍵選擇saveblog


 

這樣咱們就把該圖片保存下來了。圖片

在下載的文件夾中就找到剛下載的圖片ip




 

將該圖片名第一個jpg後面的字符去掉,保存爲以.jpg結尾。這樣咱們就得到了想要的圖片。

對於一些不能直接右鍵查看源代碼的網站,咱們能夠經過Command+Option+I打開控制檯。並按上述方法進行摳圖

相關文章
相關標籤/搜索