Playwright
A Model Context Protocol server providing browser automation capabilities using Playwright. It allows LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment.
<p align="center">
<b>A Model Context Protocol server that provides browser automation capabilities using Playwright</b></br>
<sub>Enable LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment</sub>
</p>
## Features
- 🌐 Full browser automation capabilities
- 📸 Screenshot capture of entire pages or specific elements
- 🖱️ Comprehensive web interaction (navigation, clicking, form filling)
- 📊 Console log monitoring
- 🔧 JavaScript execution in browser context
## Components
### Tools
#### `browser_navigate`
Navigate to any URL in the browser
```javascript
{
"url": "https://stealthbrowser.cloud"
}
```
#### `browser_screenshot`
Capture screenshots of the entire page or specific elements
```javascript
{
"name": "screenshot-name", // required
"selector": "#element-id", // optional
"fullPage": true // optional, default: false
}
```
#### `browser_click`
Click elements on the page using CSS selector
```javascript
{
"selector": "#button-id"
}
```
#### `browser_click_text`
Click elements on the page by their text content
```javascript
{
"text": "Click me"
}
```
#### `browser_hover`
Hover over elements on the page using CSS selector
```javascript
{
"selector": "#menu-item"
}
```
#### `browser_hover_text`
Hover over elements on the page by their text content
```javascript
{
"text": "Hover me"
}
```
#### `browser_fill`
Fill out input fields
```javascript
{
"selector": "#input-field",
"value": "Hello World"
}
```
#### `browser_select`
Select an option in a SELECT element using CSS selector
```javascript
{
"selector": "#dropdown",
"value": "option-value"
}
```
#### `browser_select_text`
Select an option in a SELECT element by its text content
```javascript
{
"text": "Choose me",
"value": "option-value"
}
```
#### `browser_evaluate`
Execute JavaScript in the browser console
```javascript
{
"script": "document.title"
}
```
### Resources
1. **Console Logs** (`console://logs`)
- Access browser console output in text format
- Includes all console messages from the browser
2. **Screenshots** (`screenshot://<n>`)
- Access PNG images of captured screenshots
- Referenced by the name specified during capture
Installation
Server Statistics
UsageUsed 226 times last month
LicenseMIT
LocalNo
Published12/13/2024