Thursday, May 31, 2012

Chrome JavaScript Console

Chrome JavaScript Console can help you  inspect  the DOM, debug  JavaScript  and  analyze HTML parse errors.

To start Chrom JavaScript Console:
 Select the Wrench menu  at the top-right of Chrome browser window, then select Tools -> Developer tools -> JavaScript Console

To use JavaScript console, for example I used
When I type body in prompt in console, it returns:
<span class="ctr-p" id="body">...</span>
At the right frame,  under style shown the body CSS, such as
body {
        color: #222;

You can type any CSS id or class to inspect. More for reference:

No comments:

Post a Comment