More Developer Tools secrets that shouldn’t be secrets

• Command Menu

  • In DevTools
  • In Browser
  • Everywhere, really
• Console tricks

  • Show me the $
  • Embrace the values
  • Info, error, warn…
  • table()
  • count
  • group
  • copy()
  • monitor events
  • Live Expressions Log mouse movement
• Device / Mode / tricks
• Making external changes

  • Elements tool
  • Sources tool
  • Logpoints
  • Overrides
  • Snippets
• Monitoring changes
• Making local changes

  • Workspaces
  • Open in VS Code
  • DevTools for VS Code
• Devtools for non-developers

  • Cheatcodes for the web
• Devtools for DevTools
• Contributing to DevTools

  • https://github.com/microsoftedge/DevTools/
• Resources

  • Microsoft Edge Devtools documentation
  • Dear Console,…
  • Devtoolstips.org
  • Can I DevTools?
  • DevTools for VS Code
  • What's that tool? (game)

Chris Heilmann

WWW: christianheilmann.com

eMail: gmail@christianheilmann.com

LinkedIn: christianheilmann

Twitter: @codepo8

GitHub: codepo8