如何知道在當前html頁面上使用了什麼圖像

我記得我遇到了一個瀏覽器插件，但不確定哪個瀏覽器可以告訴用戶正在使用什麼圖像及其細節。如何知道在當前html頁面上使用了什麼圖像

我相信firefox是通過頁面信息功能做到這一點的，但是有沒有類似的方法在Chrome或Firefox上使用更精確的插件...... !!

任何想法！

來源

2013-07-02 Digital site

Chrome上的開發者控制檯可用於此目的。查看頁面時查看F12，然後查看左窗格中的「框架」部分。如果展開表示正在查看的頁面的項目，則應該看到用於該頁面的「圖像」，「腳本」和「樣式表」的列表。請注意，某些媒體項目可能在樹內變化很深。

「網絡」部分還列出了這些資源以及它們各自的加載時間，大小，調用它們的方法，調用它們的方法等。您可以按類型排序並查找圖像的「 MIME類型。這個頁面唯一的缺點是它不那麼簡潔。

附：開發人員的控制檯不是瀏覽器插件。它配備了Chrome，股票，實際上是所有主流瀏覽器（包括Firefox和IE）的一項功能，每個瀏覽器都可以使用F12。

來源

2013-07-02 19:29:15

對於Firefox - 最好的選擇是「Firebug」。您可以從這裏下載 - >http://getfirebug.com/ 安裝完成後 - 您只需在瀏覽時按下F12以打開Firebug。通過Firebug，您可以編輯，調試，監控CSS，HTML和Javascript。您可以選擇感興趣的圖像並檢查其屬性。如果您使用的是Chrome或IE，您可以再次使用F12做同樣的事情，但我認爲Firebug是調試和檢查網頁的最佳選擇。

希望它能幫助！

來源

2013-07-02 19:41:07

如何知道在當前html頁面上使用了什麼圖像

回答

相關問題