Saturday 17 December 2011

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.
Extract, Get All Images, Stylesheets, Scripts from WebPages
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.
Extract, Get All Images, Stylesheets, Scripts from WebPages
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.
Extract, Get All Images, Stylesheets, Scripts from WebPages
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.

0 comments:

Post a Comment