how to use inspect element to find answers This is a topic that many people are looking for. accountabilitynowpac.com is a channel providing useful information about learning, life, digital marketing and online courses …. it will help you have an overview and solid multi-faceted knowledge . Today, accountabilitynowpac.com would like to introduce to you Top 5 BEST Inspect Element HACKS!. Following along are instructions in the video below:
“Everybody what s up. Oh. My god my computer s about to die. This is is not good we have to hurry.
So i got a fun video today. We going to be talking about the top 5. Inspect element hacks that you can do and you know what let s just jump into it cuz. I m gonna i m excited about this one today this stuff is fun and it s entertaining just a disclaimer.
Some of these tactics are used for malicious things i in no way promote or encourage anyone to use these in such a way without further ado let s jump into it right here so we re on facebookcom. Right now and i am just going to type in a password and i m going to type in abc 1 2. 3. And as you notice.
It s covered with these black dots and that s for security reasons. If someone s over your shoulder or sometimes. When you come to the site or a site in general it pops up with these black dots as if someone s passwords been catched in memory cached in memory excuse me for you grammar nazis of computer wizardry please leave a comment below if you want to come to my house. No i m just kidding.
But um. So basically they do this to prevent people from seeing passwords over your shoulder. If you re out in public whatever. But there is a way if you hover over this and to tell you about what we re going to be learning.
Today. Inspect element is a way for developers to see and test code locally on the browser. So if i go in here and i just literally i right click. I just click inspect that takes me into this little developer console at the bottom you can pull this up.
However you like some people have a preference and they like to move it to the the right side of the screen. The left side of the screen. It really doesn t matter to keep mine at the bottom you can actually put yours in a whole different window. But anyways let s go ahead.
And i m just going to show you how to change those dots from a password to a regular text to where i can read that abc123 so check it out notice do you see this html tag right here called input. If we go in here and we grab that and we just hit edit html. We can go in here to where it says in type input type. And it says password.
Let s go ahead and enter that and just do it as text. Let s go ahead and go out of that and notice how that just changed notice how if i go back. And i exit and i m in here. It s just like this and now i can totally type.
In and read just fine. There s no delay. There s no dots and just to prove to you that that really is how it works. This is actually the way that they set it up in html5 that used to be just input tags and then you would have to do a couple extra things.
But now you know if they ve actually helped you out a lot by adding these input types to where you can just put password. There s one for email. There s a bunch of them. But i ll spare you that for the day.
So now that there s nothing in there. We just changed it back to password and now it s going to show up as dots very cool very cool all right everybody for this one. We re going to jump into something real fun ps follow me on twitter. No but seriously let s do some fun right here.
So what we re going to do today is we re going to learn how to fake verify ourselves on twitter. I m sure some of you have tried this before and epically failed but today you are going to learn so let s just type in verify twitter verify let s go to their account and now i m going to just forget that i did that forever you know what it doesn t matter. Let s just let s just grab this right here. You ready let s go to here and hover directly over where it says verified account and we re going to grab that and then all that we re going to want to grab edit this is html let s grab this entire thing right here let s grab that entire little line jump back.
We don t care about you let s go back to our profile and let s go ahead. And do this real quick ps follow me on twitter. I got to keep making psas guys look can we talk about my follower account for a second. I mean.
That ratio is horrific um. Either. Way. Let s let s check this out real quick.
So if i go in here. And i got all that information. I copy and pasted if you go do exactly what i said hover over it and then we go in here to this h1 that says class profile header card. And i edit that as html.
I jump in here right underneath this a tag and then i just paste in that span. Oh my god say it ai. N t so i will not go turn the lights off carry me home. I m verified now i don t have the hover functionality.
Which is a shame because i don t know what i did. But that s okay because that s a homework lesson for you. And that s what a bad teacher. Says to their kids.
Let s get on to the next one all right for this one. This is going to be the epic hack of the century. Let s go to best buy the website and let s just try to find something really frickin expensive. So let s just go ahead and look at some alienware computers and i spelled alienware wrong.
But everybody knows that developers can t spell. Thank god that there when you search things they just finds it i can t even remember that term. I know what it is but i can t remember it right now please just judge me in the comments a little bit. And maybe i ll feel better about myself all right so check this out you see this price right here.
28. 99. If you want to be the ultimate troll. You say dad come look at this you can t see any other prices on the screen.
You just joking like dude come look at this let s just go in here inspect it just like we did everything else and then we re gonna go right into this little section. Once it loads. Oh my god there we go okay and then do the same thing every time. We re just doing edit as html.
I m keeping it simple i m keeping it real keeping it fly. Oh my god i need to stop talking so we have that in there and this is all we re gonna do let s make it. Reasonable so we ll say all right i want to pay 6. 9999.
So check it out watch that price watch that price right. Though you ready hit out of it. Oh my god dad i want this computer that s saving though those savings. Though look and if you want to be even classier copy and paste that regular price.
Oh man. This is gonna get good right. Here. This my friend is the ultimate trol.
Oh. My gosh. This is developer console is really taking a long time to load. So we can go in here.
I don t know what this is i m pretty sure it s like a h3 or something like that we can just go right underneath. It and do an h. We ll just do h4 time mistyped. Oh.
That s not what i want you know let s just let s just keep it simple let s just say h4 that they don t they don t know what it looked like in the first place. They don t know we ll do just like that now look at that actually i know this doesn t matter guys. But this is just my adhd kicking in even. Though.
I don t have adhd. Let s just let s just right there right nice and small now tell me that doesn t. Look. Legit.
Tell me that doesn t. Look. Legit. 699 regular 1999.
Those deals. Though and then you go to add it to cart and you re like oh dad i ll get me this. Please yes no thanks take me to cart and then maybe maybe. If he s not paying attention maybe when it goes to the.
Car he ll just be like. Oh i don t see this 2899. Right here. Let s just go ahead and check out and hopefully.
He s blind and he does not have good vision because this will never work never try it but it s fun keep that in mind on to the next all right so on this one this one. I don t you can t even call this. A hack this my friend is just the ultimate troll this one you got to have fun with so same thing hover over the google right there inspect element. Going here.
I actually made a special folder. Just for you guys called troll right here take a look at this i m gonna pull that right there pull that url that s not what i want change this source set to that and now we are officially trolls and if you want to go down. Here inspect element once more you want to say google search and you can just go down here to where it says value that s going to be the one that changes it of the input right there. And you might have to do a little bit of looking until you get comfortable.
But tip tip eclis if you hover over the element in the page. If i hover over this i m feeling lucky and inspect it it will take you it will make a blue background behind it so now if i go in here. Double click you can also do that to select them instead of edit html. But i m just trying to make it easier so go like this and you could say i m feeling dandy and you can change the text you could change both of them you could do whatever you want and just be a troll you could be a troll.
Heck. If you wanted to you could make your own google page look check this out. I ll go in here. I m going way too long on this video.
What am i even doing. But who cares we re having fun. Let s make a style. This is called inline styling.
With css you can just say width. 100. And that should make a it should be about as long as this input right here. Yeah.
Perfect and then you could do the same to this right here. We ll just do the same exact thing and now we have two little nifty google search buttons it s kind of cool kind of changes it up huh starts off with dandy anyways troll. A little ole ole ole on to the next alright. Everybody so for this final number five.
We re going to jump into some youtube. Inspect element hacks. So go ahead and open up your command. Prompt like we have been or your developer tool.
Sorry. I saw this video and it threw me off completely open up your developer tools and this is going to be an old school trick. Some of you might not like this but i really like it i still think it s hilarious so it s called marquee. No one uses it in the real world because it is very ugly.
But actually let me off i m talking while i m doing this go to anywhere in the page. Honestly i m doing this because it s going to print right across this real nice. But honestly you could go almost anywhere in the page. That is going to print like you would just have to figure that out based on a page basis.
But if you want to do it on if you want to follow along on this video just go to where this div id page container is and then do the edited as html type in marquis and then do an ending html just like that put that forward slash in there. And then if you want to mess with a friend that maybe goes to the bathroom or or maybe. While they re sitting there you want to look like the coolest hacker. Alive.
You can just go in here. And say austin hacked. This website and then you know put all my god. He s a hacker he s a hacker how how does he do it.
But look if you want to be an extra troll and you want to just have fun with it oh. When i said website. It s a it s a new hipster trend in a silicon valley to spell things wrong. I m totally making that up anyways.
Let s just make it four m s big and we ll make the color antique white. Why would i pick that color of every color. I could have picked i think the one color. We couldn t see what that s another cool thing about this is you can actually pick all these different colors.
You can see what they have like we ll pick chocolate and then check it out now. It s just scrolling across and it s chocolate and you re in ultimate trol. And now i accidentally clicked out of it and now that i go back. And if you look at it.
Oh my god i don t care about you joe. I do not actually i sort of do care about it you notice. It goes away. And that s the beauty of inspect element.
It is only temporary. So don t worry don t fret. I was gonna say something that rhymes it sounded cool. But i couldn t think of it off the top of my head so anyways.
I hope you enjoyed the video. I m out ” ..
Thank you for watching all the articles on the topic Top 5 BEST Inspect Element HACKS!. All shares of accountabilitynowpac.com are very good. We hope you are satisfied with the article. For any questions, please leave a comment below. Hopefully you guys support our website even more.