Chrome Developer Tools: Console

Source: Internet
Author: User
Tags chrome developer chrome developer tools
ArticleDirectory
    • Chrome Developer Tools: Console
Chrome Developer Tools: Console

Accessible from any panelConsole. Unlike other panels,ConsoleIt can be used to check Dom, debug JavaScript, or analyze HTML parsing errors.

Follow these steps to learn moreConsole:

    • Open the Google closure hovercard demo page.
    • Open the Developer Tools window. For details, see how to access the Developer Tools section in this tutorial.
    • Click in the status bar at the bottom of the developer tool windowDisplay Console(Show console) switch button. You can also useEscapeKey or click the "console" toolbar icon to switchConsole.

      If an error or warning count is displayed, it is displayed in the lower right corner of the window. You can also click these counts to open them.Console.

ConsoleThe auto-completion and auto-completion functions are provided. When you type an expression, the system automatically recommends the attribute name. If there are multiple attributes with the same prefixTabThe key can be browsed cyclically. Press the right arrow to accept the current suggestion. If there is only one matching attribute, press the "tab" key to accept the current suggestion.

The console also supports the firebug command line API.

Use the console on the element panel

UseElementThe command line API is particularly useful in panel. SelectElement(Elements) panel, and open the console (clickESC).

Enter$ ("Perf ").

InPerfTo dump the node with the specified ID to the console.

Enter$0.

This command dumps the recently selected node to the console. You can also use this node in other console expressions.

Enter$1.

This command dumps the previously selected node. Please try to type$2,$3.

EnterInspect (profilecard).

InProfilecardSelect an object with the specified ID.

EnterDir (profilecard).

InProfilecardTo dump an object with a specified ID to a JavaScript Object with its attributes.

EnterDirxml (profilecard).

when profilecard is used, the object with the specified ID is dumped to the HTML subdirectory tree.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.