"Chrome" Chrome developer tools

1. Common Console Tools

Console.log Console.info Console.error Console.warn

Console.assert

Console.count

Console.dir

Console.time Console.timeend

Console.profile

Console.timeline

Console.trace

$ $_ Returns the result of the most recent expression execution, with the same function as pressing the UP ARROW key and then the carriage return is the same $0~$5 represents the last 5 DOM nodes you have selected

Copy has no effect t_t

Keys values The former returns data that consists of all the property names of the passed-in object, which returns an array of all property values.

Monitor Unmonitor The former monitoring module, each execution will output a message in the console output incoming parameters, the latter to release the monitoring

Debug Undebug The former receives a function name as a parameter. When the function is executed, it automatically breaks down for debugging, similar to a breakpoint at the entrance of the function, can be done by debugger, and can be manually interrupted by finding the appropriate source code in the Chrome developer tool. The latter unlocks the breakpoint.

2. Other tools

The following command in the address bar can be used to obtain the appropriate information:

Command	Role
chrome://dns/	To view the DNS prefetch domain name for Chromium
Chrome://net-internals	Capture Export Import,proxytimeline,dns,socket, Spdy,quic,pipelining,cahce,spis,tests,hsts,bandwidth,prerender
Chrome://net-internals#events	All network stacks complete work and messages are delivered
Chrome://net-internals#timeline	A graph based on time that records the network resources used at each point in time chromium

"Chrome" Chrome developer tools