酷知百科網

位置:首頁 > 遊戲數碼 > 電腦

怎樣用源檔案檢視圖片資源

電腦8.03K

平時我們在網頁上看到心儀的圖片的時候一般都會採用右擊另存爲的方式儲存它,但是有時候這種方法並不可行,例如被用做背景的圖片,右擊的時候並沒有另存爲選項,此時我們就需要用源檔案來檢視圖片的位置然後在行下載,下面小編跟隨小編一起來看看具體的實施步驟吧。

操作方法

(01)如果直接右擊檢視源檔案的話,我們可能會看到一堆自己不認識的代碼,而且不知道自己需要的圖片資源位置在哪裏,猶如大海撈針,況且有些網站還屏蔽了右鍵檢視原始碼功能,我們就更無從檢視了,此時我們就需要藉助瀏覽器了一些特殊功能。

怎樣用源檔案檢視圖片資源

(02)雖然現在的瀏覽器種類很多,但是小編仍然喜歡使用firefox,一來是因爲功能比較強大,二來是用着順手了,因此以下的操作步驟均會以火狐瀏覽器爲基準,如果你還沒有安裝火狐瀏覽器的話,那麼趕快安裝吧。

怎樣用源檔案檢視圖片資源 第2張

(03)firefox之所以強大離不開它的插件,今天我們就需要用到它其中的一個插件,firebug。相信學習編程的朋友對於它不會陌生,測試的時候我們經常需要用到它,當然今天我們只是用到它的一些簡單功能,不用懂編程亦能應用。

怎樣用源檔案檢視圖片資源 第3張

(04)我們開啟火狐瀏覽器,點擊工具選單,找到附件組件選項並點擊。我們在右側的搜尋欄當中搜尋firebug,找到後點擊安裝。安裝完成後需要重新啓動火狐瀏覽器才能讓剛剛安裝的firebug生效,如果成功安裝我們會在導航工具欄中看到firebug的圖標(那個像七星瓢蟲的圖標就是)。

怎樣用源檔案檢視圖片資源 第4張
怎樣用源檔案檢視圖片資源 第5張

(05)然後我們就可以使用火狐瀏覽器開啟我們需要檢視圖片資源的網頁了,在我們需要檢視的圖片位置上右擊,在彈出的選項中選擇“使用firebug檢視元素”,這樣firebug就會定位到圖片所在位置的原始碼處了。

怎樣用源檔案檢視圖片資源 第6張

(06)然後我們只需要在定位的原始碼附近就可以找到我們所需的圖片檔案的路徑。當然如果圖片是背景檔案的話可能並不會在此位置上出現,我們可以在右側的樣式中找到background,如果是背景圖片的話,可以在裏面找到它的地址。

怎樣用源檔案檢視圖片資源 第7張
怎樣用源檔案檢視圖片資源 第8張

(07)看了小編的經驗是不是覺得檢視圖片資源是這麼簡單的一件事情呀,其實只要是在網上出現的圖片資源,我們都可以下載下來爲我們所用,只要你找對方法,一般情況下右擊就可以解決,如果不能解決不妨試試小編的方法吧。

特別提示

此方法可以下載一些被用於背景的圖片,同樣可以下載flash中播放的圖片。

以上就是怎樣用源檔案檢視圖片資源的全部內容,希望對有需要的朋友有所幫助。

標籤:源檔案 檢視