0

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:

  1. open web inspector (CMD + Shift + I; Develop > Show Web Inspector)
  2. click the "Resources" tab
  3. Navigate to your desired resource (fonts, images, scripts, stylesheets)
  4. CMD + double-click the desired resource. This loads your desired image/script/css in a new Safari tab.
  5. close web inspector
  6. copy resource's URL (CMD + L, CMD + C) and close the tab (CMD + T).
  7. 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 Sep 22 '16 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- Sep 22 '16 at 13:31
1

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

  1. Get current webpage from Safari

  2. Get Image URLs from webpage

    enter image description here

  • Any chance you know how to do the same thing but with Video URL's? – JBis Jun 18 '18 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 Jun 18 '18 at 3:11

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .