Safari: get URLs of images displayed in Web Inspector

Question

How do I get the list of the resources loaded in Safari's Web Inspector? (Web Inspector > Resources > Images)

My goal is to download all images shown in the inspector.

These are the manual steps:

open web inspector (CMD + Shift + I; Develop > Show Web Inspector)
click the "Resources" tab
Navigate to your desired resource (fonts, images, scripts, stylesheets)
CMD + double-click the desired resource. This loads your desired image/script/css in a new Safari tab.
close web inspector
copy resource's URL (CMD + L, CMD + C) and close the tab (CMD + T).
repeat for the remaining resources.

I think this should work with JavaScript / AppleScript.

Thanks.

How would your Applescript know the resource you want the URL for? And, probably more important, once you have the URL what do you want to do with it (details on that might open the door for other approaches to the problem)? — nohillside, Commented Sep 22, 2016 at 10:08
I imagine that Safari is able to list the URL for each element displayed under 'Resources'. I want to download the images that are visible in the web inspector (see my edit above). — oa-, Commented Sep 22, 2016 at 13:31

wch1zpink · Accepted Answer · 2018-06-17 15:13:46Z

1

It's a relatively simple task actually. Using Automator app, Just create a new workflow and add these to following actions...

answered Jun 17, 2018 at 15:13

wch1zpink

7,66117 silver badges35 bronze badges

Any chance you know how to do the same thing but with Video URL's?
– user7886229
Commented Jun 18, 2018 at 1:35
Give me a link other than YouTube or Facebook or Similar, Containing embedded video... And I will give it a shot
– wch1zpink
Commented Jun 18, 2018 at 3:11

Add a comment |

1 Answer 1