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 www.google.com.
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 {
        background:white;
        color: #222;
}

You can type any CSS id or class to inspect. More for reference:
https://developers.google.com/chrome-developer-tools/docs/console

No comments:

Post a Comment