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:
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)
.
InProfilecard
Select an object with the specified ID.
EnterDir (profilecard)
.
InProfilecard
To 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.