How-to: DOM Inspector in Google Chrome

Next Video:
How to Remove Apps Pinned in Google Chrome....5

Using the DOM inspector in Google Chrome is a great way to get a more in-depth look at Internet pages. Use the DOM inspector in Google Chrome with help from a director and producer of media content in this free video clip.

Part of the Video Series: Google Chrome Tips
Promoted By Zergnet


Video Transcript

Hey everyone, my name is Anders, and today we're going to talk about the DOM Inspector in Google Chrome. Now this is a really useful tool for actually looking at webpages more in-depth if you just want to learn a little bit more about web coding or if you are just trying to troubleshoot a certain part of your blog or webpage, whatever it might be, this is one way to help you to do that. So, we're going to choose something really simple like in this case we'll just go to and that's going to load and it's a pretty complex webpage. What if we want to understand this page better? The easiest way to access this is going to be to go to our wrench icon in the upper right hand corner of Chrome. We're going to go to tools and then from there we're going to select developer tools. Now keep in mind this also can be accessed by option command I. So we can click developer tools and now on the bottom of our page we now can look at the different elements of our site. We can see where certain things are by just mousing over them and we can scroll through the entire site's code right here. If you'd like to inspect an element better, just secondary click whatever link you would like to inspect and click inspect element. That will bring you to that link's specific part of the page. Then you can just trace it from there to learn more about where it's going and what that code says. My name is Anders, and today we talked about using the DOM Inspector in Google Chrome.


Related Searches

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!