Want to get all the images, stylesheet, scripts, documents, fonts from the website you’re viewing in one click ? Some websites restrict their CSS, scripts to download even you might find some download blocked images hotlinked but not letting you download by simply right clicking.
But you still can download them with ease. Google Chrome is the browser lets you download all the resources of a webpage in different categories with its Developer Tools application. No plugin, no add-on, Google Chrome in build includes Developer Tools.
Extract Images, Script, Elements In a WebPage
Step 1 : First open the page in your Google Chrome browser and right click on it anywhere. Then click on the "Inspect element" option.
Step 2 : It will open up a new window. By default the "Elements" tab will be selected and show you the page elements. Click on the "Resources" tab to start individually track the images, stylesheets, documents, scripts, flash swf files etc.
Now choose the "Only enable for this session" option and click on "Enable resource tracking" button. Choosing the second option will start to download the resources for every time you will start Chrome.
Step 3 : Wait for sometimes while it’s downloading the resources. Once completed, the resources will be shown category based. Now click on "Images" to get only the images, you can save the images though by right clicking and then choosing "Save As" option.
Thus you can also get the stylesheets, documents, scripts by clicking on the corresponding buttons at menu bar. Unlike images there is no such option to directly save the script codes by right clicking, so you can try copy/paste method to do it.
Chrome Tip : Edit Images Directly on WebPage Online & Save to PC