add Playwright CLI comparison table to website and README

Closes #57

Highlights key differences: Playwriter uses your existing Chrome
(logins, extensions, cookies), can bypass captchas by disconnecting
the extension, lets you collaborate in the same browser window,
and gives full Playwright API + raw CDP access instead of a limited
shell command set.
This commit is contained in:
Tommy D. Rossi
2026-02-27 22:41:17 +01:00
parent 4d9a410799
commit 6b71fc5351
2 changed files with 28 additions and 0 deletions
+13
View File
@@ -139,6 +139,19 @@ Color-coded: yellow=links, orange=buttons, coral=inputs, pink=checkboxes, peach=
## Comparison ## Comparison
### vs Playwright CLI
| | Playwright CLI | Playwriter |
| -------------- | -------------------- | --------------------------------- |
| Browser | Spawns new browser | **Uses your Chrome** |
| Login state | Fresh | Already logged in |
| Extensions | None | Your existing ones |
| Captchas | Always blocked | Bypass (disconnect extension) |
| Collaboration | Separate window | Same browser as user |
| Capabilities | Limited command set | Anything Playwright can do |
| Raw CDP access | No | Yes |
| Video recording| File-based tracing | Native tab capture (3060fps) |
### vs BrowserMCP ### vs BrowserMCP
| | BrowserMCP | Playwriter | | | BrowserMCP | Playwriter |
+15
View File
@@ -374,6 +374,21 @@ export default function IndexPage() {
]} ]}
/> />
<ComparisonTable
title='vs Playwright CLI'
headers={['', 'Playwright CLI', 'Playwriter']}
rows={[
['Browser', 'Spawns new browser', 'Uses your Chrome'],
['Login state', 'Fresh', 'Already logged in'],
['Extensions', 'None', 'Your existing ones'],
['Captchas', 'Always blocked', 'Bypass (disconnect extension)'],
['Collaboration', 'Separate window', 'Same browser as user'],
['Capabilities', 'Limited command set', 'Anything Playwright can do'],
['Raw CDP access', 'No', 'Yes'],
['Video recording', 'File-based tracing', 'Native tab capture (30\u201360fps)'],
]}
/>
<ComparisonTable <ComparisonTable
title='vs BrowserMCP' title='vs BrowserMCP'
headers={['', 'BrowserMCP', 'Playwriter']} headers={['', 'BrowserMCP', 'Playwriter']}