Manuals / Playwright with Python / Ch 57

Part 8 · ResourcesReference15 min read

60. Browser Extensions & Developer Tools

Playwright with Python · 244 pages source format

● Chrome/Firefox DevTools (Elements, Network tabs) — essential for building locators and debugging ● Accessibility inspector extensions (axe DevTools browser extension) — pairs with axe-core testing ● Locator-picker style extensions that complement Playwright's own Codegen tool

What you'll learn

  • ● Chrome/Firefox DevTools (Elements, Network tabs) — essential for building loca

Overview

Key points:

  • Chrome/Firefox DevTools (Elements, Network tabs) — essential for building locators and debugging
  • Accessibility inspector extensions (axe DevTools browser extension) — pairs with axe-core testing
  • Locator-picker style extensions that complement Playwright's own Codegen tool
Interactive study board
OverviewDrag stickies · tap for tips
Study mapDrag stickies · tap for tipsKeep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Assert the UIdrag · tap →Retry wiselydrag · tap →Seed datadrag · tap →Close the loopdrag · tap →Keep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Pathwise hackdrag · tap →Page under testdrag · tap →Multi-browserdrag · tap →Automation pathdrag · tap →Tooling nodedrag · tap →
Clear?

Checklist