Browser

Hands-on with the Google Chrome Development Tools

Modifying on the fly

Another cool feature is that you can modify any of the code, style sheets, or scripts on the fly with in place script editing, giving you a review of the modifications on the client level running in Google Chrome. This gives you a nice way to see how other websites are built, and also gives you a great way to tweak your own sites. Therefore, this integrated environment allows for debugging, optimizing, and understanding a web application, or website. So, let’s take a look at some of the panel tools to peek under the hood of several websites.

Now, let’s say you want to see what happens with the styling when you disable or modify a property. From the Matched CSS Rules you can disable any of the properties by deselecting the green check box, as shown here, where the margin has been disabled for the class="g-unit g-first" results in the News and Announcements sections, dropping below the Featured Products section of the page.

About

Ryan has performed in a broad range of technology support roles for electric-generation utilities, including nuclear power plants, and for the telecommunications industry. He has worked in web development for the restaurant industry and the Federal g...

0 comments