Edit any Webpage

Hey guys, this is mackheads101. Today I'm going to be showing you a simple trick that you can do with your web browser. It works with both Safari and Firefox, but I'll just be demonstrating to you in Firefox.

So, basically, what this trick allows you to do is edit any webpage—not permanently, but temporarily. So, um, I have it copied; I'm just gonna paste it right here. You can find it in the description of our video. Basically, it's javascript:document.body.contentEditable='true';document.designMode='on';void0.

Basically, JavaScript means JavaScript; it's a document body, meaning the body of the web page we need, where all the content is, is editable. "True" means yes, it's edible. The design mode just means instead of being able to edit the code, you can edit it in a graphical interface.

So now, if I just press enter, it'll look the same, but it's editable. So, for example, I can drag the Google thing around however size I want. I can just press delete to get rid of it. I can find some pictures from my computer and drag them in. I'm not going to be showing you that right now. You can change any text on it.

So let's say instead of "Mac," I'll just say "At Apple Steve Jobs." So now if I were to make a tutorial like this, it would look like I'm Steve Jobs, and that would be pretty cool. Um, you can do this on a lot of websites, and this allows you to see what a website is made out of. For example, see this upload button? Well, it's actually not an upload button—same thing as this YouTube button.

And I'll show you what I mean. I paste this—you'll see that "upload" is text. So how did they get that? And that square gets messed up if I delete it. If I click on this and I make it a little wider, you'll see that all the YouTube buttons are... you'll see there's a Google Chrome sign too.

So because that way, this website can be different for Google Chrome, it'll be coming out for Mac soon. Um, and all the buttons—the subscribe button, the rate buttons, the comment buttons—every single button is right here. So this can allow you to see how people make their websites.

And if you want to access this easily, you can just drag that down. You can right-click on it and then say either properties or rename, depending on what browser. And then you can just say instead of "name," you can say "edit this page," and you can say "save changes."

So now I'm going to go to like apple.com, say "edit this page," and, uh, wait hold on, gotta click on it, and you can't edit most of apple.com because what Apple does is they make most of their thing images, and their images just have whatever they want. But, um, if you—if before with the old iPods thing, you would see that the pieces that go over here are different; you'll see that these are all links.

And, um, yeah, it's just pretty cool to mess with the website. So, um, you shouldn't mess with websites too much because, um, usually people work hard to make websites. And so, um, if you mess with it, then it'll probably look messed up.

See, as you can see, Apple also makes their search thing, um, both while you're clicking on it and the one for after clicking on it and after you visited it—um, look, all one image, but they display different parts of the image at different times. And you can see this search thing is here.

And yeah, so, hope this was helpful to you. Please subscribe and rate if you like this video, and, uh, comment on what you think. Have a nice day, and goo...