How to Save a PDF that's Embedded in a Website - YouTube

Hey, what is up nation!

In this session I'm going to teach you how to download a

PDF that's embedded within a website.

Alright, so a lot of times I will reference certain things that are PDFs

on websites, so one of those things a lot of the time is building codes, so if I

type in IBC 2009 at the International Building Code to this night it takes me

to ICC safe. I'm not exactly sure how the licensing here works, why they give it

free on their website, why you can maybe you can't buy older versions and that's

why they do it, I'm not sure, so look into that ,if you're worried about that, but so

I can bring this up and then you see here there's a little scroll bar and I

can see that but there's no way to download this like if I right click

there's nothing there, if I expand there's nothing, and if I hit viewer j/s

it just gives me some information and this is just kind of annoying, if for

whatever reason we lose Internet and I won't be able to access this, so and it's

just annoying to have to like come through the code in this manner, it'd be

nice to have one volume of PDF that I can search through because chances are

you'll have to flip through different sections and it's annoying to have to

click through every time. So it's just nice to have it in one spot, so what I'm

gonna show here is that I'm using Chrome and if I just want to download this PDF

I can do that, but you sort of have to do a little bit of a workaround. So what you

do is you right-click when you have Chrome open, and the website that has

this and go to inspect. It's gonna pop up this little window, ok, so now you can see

both windows this is what it'll look like there's this little slider thing

you want to move, and if I go down, you can see that as I scroll, things

start to get highlighted, so you just want to sort of select what you want and

then you can see here there's a whole web code, so it's looking at the

source and it's finding this area, so actually what's happening is that it's

saying "Hey, this is the PDF that I want to draw from", and then this source here

is saying this is the location that is, but when I click on it, so if I double

click on that and then hit control+C, I can't just simply paste this in, because

it's not an actual web site, so what you need to do is this slash, means hey for

the sort of like the primary web site, we're gonna go from there,

so you can see, you want to delete this first slash, and then control+V or paste

it right click paste, you can see it brings this up and now there's an option

to download. Alternatively if I go back, if you don't want to do that as you

don't remember to do that, how you come up here to the top and go to properties,

and then where it says iFrame the iFrame is like this window that the PDF is

contained within, so this is a bunch of information about that, if you scroll

down to the bottom, you'll see that there is a source listed SRC stands for source,

and that is the entire web address of that PDF, so you can just come in here

and copy that, copy and paste that up here, and it'll bring that up, and you can

save as or demo.

So hopefully this video helped, if you liked it, please don't forget to subscribe

and share this video with your friends. And as always, happy hacking!

All right, designers! Just because this episode of designer hacks is over,

doesn't mean we're leaving you out in the cold!

Tony's got tons of great content available at designerhacks.com, so join

design nation right now and we'll see you on the next episode of designer hacks!