chrome-dev-tools

материалы по продвинутому использованию Chrome Developer Tools

Console

• .log(), .info(), .warn(), .error()

• .assert()

• .group(name)/.groupEnd(name)/.groupCollapsed()

• time() / timeEnd()

• count(label)

• trace()

• $_

• $0, $1, $2 ...

• $(), $$()

• $x('/html/body/script[2]');

• inspect(element)

• inspect(object)

• monitorEvents(document, "mousedown");

• profile()/profileEnd()

• keys(), values()

• clear()

• copy()

Elements

• Copy JS Path

Sources

• Inline breakpoints
• Conditional breakpoints
• Partial breakpoints
• blackbox
• Change History
• Snippets

Network

Performance + Memory

• Defining memory leaks: strategy1
• Defining memory leaks: strategy2

Other

• shortcut Cmd + Shift + P
• Prettifier
• Multicursor
• Network and CPU throttling
• Screenshot
• Coverage
• Animations
• Audit panel
• Mobile remote debug