Monday, October 24, 2011

Beginner Guide to Page and Script Debugging with Chrome - CodeProject

Introduction to article

As you begin to develop HTML and Javascript ladden webpages, tracking down bugs becomes an important issue. Identifying them quickly and easily has become a whole lot easier with the features introduced in moden browsers. However, knowing the capabilities of the browser console and what it can do for you is often a mystery. In this article I hope to shed light on some of the key features and how you can use them to your advantage.
To start with we will look at the various components of the Chrome Console, and then start to look at how we can identify coding errors, manipulate Javascript Object, modify the CSS, step through javascript code and watch values, rewrite and test javascript code on the fly, call methods, and run JQuery calls against the DOM all from within the console.
There are probably still a heap of things I have to learn, but for a beginner, there is more than enough to be getting after! Shall we begin?
Note: At the time of writing, I was using Chrome 14.0.835.202 m


Beginner Guide to Page and Script Debugging with Chrome - CodeProject
Enhanced by Zemanta

1 comment: