Skip to main content

Configuration

Headed and headless mode

By default, Playwright MCP runs the browser in headed mode so you can see what's happening. To run headless:

{
"mcpServers": {
"playwright": {
"command": "npx",
"args": ["@playwright/mcp@latest", "--headless"]
}
}
}

Browser selection

["@playwright/mcp@latest", "--browser=firefox"]
ValueBrowser
chromeGoogle Chrome (default)
firefoxMozilla Firefox
webkitWebKit (Safari engine)
msedgeMicrosoft Edge

Device emulation

["@playwright/mcp@latest", "--device=iPhone 15"]

Viewport size

["@playwright/mcp@latest", "--viewport-size=1280x720"]

Proxy

["@playwright/mcp@latest", "--proxy-server=http://myproxy:3128", "--proxy-bypass=localhost,*.internal.com"]

Standalone HTTP server

When running a headed browser on a system without a display or from IDE worker processes, start the MCP server separately with HTTP transport:

npx @playwright/mcp@latest --port 8931

Then point your MCP client to the HTTP endpoint:

{
"mcpServers": {
"playwright": {
"url": "http://localhost:8931/mcp"
}
}
}

Use --host 0.0.0.0 to bind to all interfaces (useful in containers). Use --shared-browser-context to share a single browser context between multiple connected clients.

Configuration file

For advanced settings, use a JSON config file:

npx @playwright/mcp@latest --config path/to/config.json

Schema

{
browser?: {
browserName?: 'chromium' | 'firefox' | 'webkit';
isolated?: boolean;
userDataDir?: string;
launchOptions?: playwright.LaunchOptions;
contextOptions?: playwright.BrowserContextOptions;
cdpEndpoint?: string;
cdpHeaders?: Record<string, string>;
cdpTimeout?: number;
remoteEndpoint?: string;
initPage?: string[];
initScript?: string[];
};
extension?: boolean;
server?: {
port?: number;
host?: string;
allowedHosts?: string[];
};
saveVideo?: { width: number; height: number };
capabilities?: ('core' | 'core-navigation' | 'core-tabs' | 'core-input'
| 'network' | 'storage' | 'testing' | 'vision' | 'pdf' | 'devtools')[];
secrets?: Record<string, string>;
saveSession?: boolean;
sharedBrowserContext?: boolean;
snapshot?: { mode?: 'full' | 'none' };
imageResponses?: 'allow' | 'omit';
outputDir?: string;
outputMode?: 'file' | 'stdout';
console?: { level?: 'error' | 'warning' | 'info' | 'debug' };
network?: {
allowedOrigins?: string[];
blockedOrigins?: string[];
};
testIdAttribute?: string;
timeouts?: {
action?: number; // default: 5000ms
navigation?: number; // default: 60000ms
expect?: number; // default: 5000ms
};
allowUnrestrictedFileAccess?: boolean;
codegen?: 'typescript' | 'none';
}

Init scripts

Run code on every page before the page's own scripts:

{
"browser": {
"initScript": ["./setup.js"]
}
}
// setup.js
window.isPlaywrightMCP = true;

Init page

Run Playwright code on the page object at startup:

{
"browser": {
"initPage": ["./setup-page.ts"]
}
}
// setup-page.ts
export default async ({ page }) => {
await page.context().grantPermissions(['geolocation']);
await page.context().setGeolocation({ latitude: 37.7749, longitude: -122.4194 });
};

All command-line options

OptionDescriptionEnv Variable
--browser <browser>Browser to usePLAYWRIGHT_MCP_BROWSER
--headlessRun headlessPLAYWRIGHT_MCP_HEADLESS
--caps <caps>Enable capabilities (comma-separated)PLAYWRIGHT_MCP_CAPS
--config <path>Config file pathPLAYWRIGHT_MCP_CONFIG
--isolatedIn-memory profilePLAYWRIGHT_MCP_ISOLATED
--extensionConnect via browser extensionPLAYWRIGHT_MCP_EXTENSION
--user-data-dir <path>Custom profile directoryPLAYWRIGHT_MCP_USER_DATA_DIR
--storage-state <path>Initial storage statePLAYWRIGHT_MCP_STORAGE_STATE
--port <port>HTTP transport portPLAYWRIGHT_MCP_PORT
--host <host>Server hostPLAYWRIGHT_MCP_HOST
--device <device>Device to emulatePLAYWRIGHT_MCP_DEVICE
--executable-path <path>Custom browser executablePLAYWRIGHT_MCP_EXECUTABLE_PATH
--viewport-size <size>Viewport (e.g., "1280x720")PLAYWRIGHT_MCP_VIEWPORT_SIZE
--proxy-server <url>Proxy serverPLAYWRIGHT_MCP_PROXY_SERVER
--proxy-bypass <hosts>Bypass proxyPLAYWRIGHT_MCP_PROXY_BYPASS
--user-agent <ua>Custom user agentPLAYWRIGHT_MCP_USER_AGENT
--ignore-https-errorsIgnore HTTPS errorsPLAYWRIGHT_MCP_IGNORE_HTTPS_ERRORS
--timeout-action <ms>Action timeout (5000)PLAYWRIGHT_MCP_TIMEOUT_ACTION
--timeout-navigation <ms>Navigation timeout (60000)PLAYWRIGHT_MCP_TIMEOUT_NAVIGATION
--console-level <level>Console levelPLAYWRIGHT_MCP_CONSOLE_LEVEL
--test-id-attribute <attr>Test ID attributePLAYWRIGHT_MCP_TEST_ID_ATTRIBUTE
--codegen <lang>Code generation languagePLAYWRIGHT_MCP_CODEGEN
--init-page <path>Page init TypeScriptPLAYWRIGHT_MCP_INIT_PAGE
--init-script <path>Page init JavaScriptPLAYWRIGHT_MCP_INIT_SCRIPT
--blocked-origins <origins>Block originsPLAYWRIGHT_MCP_BLOCKED_ORIGINS
--allowed-origins <origins>Allow originsPLAYWRIGHT_MCP_ALLOWED_ORIGINS
--grant-permissions <perms>Browser permissionsPLAYWRIGHT_MCP_GRANT_PERMISSIONS
--block-service-workersBlock service workersPLAYWRIGHT_MCP_BLOCK_SERVICE_WORKERS
--no-sandboxDisable sandboxPLAYWRIGHT_MCP_NO_SANDBOX
--output-dir <path>Output directoryPLAYWRIGHT_MCP_OUTPUT_DIR
--save-sessionSave session dataPLAYWRIGHT_MCP_SAVE_SESSION
--save-video <size>Auto-record video (e.g., "800x600")PLAYWRIGHT_MCP_SAVE_VIDEO
--secrets <path>Secrets file (dotenv)PLAYWRIGHT_MCP_SECRETS_FILE