@mcp-b/chrome-devtools-mcp 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -22
- package/package.json +26 -1
package/README.md
CHANGED
|
@@ -67,9 +67,9 @@ Create a WebMCP tool called "search_products" that searches our product catalog
|
|
|
67
67
|
**Step 2: The AI writes the code in your app**
|
|
68
68
|
```typescript
|
|
69
69
|
// Your AI agent writes this code
|
|
70
|
-
import
|
|
70
|
+
import '@mcp-b/global';
|
|
71
71
|
|
|
72
|
-
|
|
72
|
+
navigator.modelContext.registerTool({
|
|
73
73
|
name: 'search_products',
|
|
74
74
|
description: 'Search for products by name or category',
|
|
75
75
|
inputSchema: {
|
|
@@ -80,11 +80,13 @@ registerTools([{
|
|
|
80
80
|
},
|
|
81
81
|
required: ['query']
|
|
82
82
|
},
|
|
83
|
-
|
|
83
|
+
async execute({ query, category }) {
|
|
84
84
|
const results = await searchProducts(query, category);
|
|
85
|
-
return {
|
|
85
|
+
return {
|
|
86
|
+
content: [{ type: 'text', text: JSON.stringify(results) }]
|
|
87
|
+
};
|
|
86
88
|
}
|
|
87
|
-
}
|
|
89
|
+
});
|
|
88
90
|
```
|
|
89
91
|
|
|
90
92
|
**Step 3: Your dev server hot-reloads**
|
|
@@ -749,25 +751,25 @@ The webpage must have WebMCP tools registered. Websites do this by using the
|
|
|
749
751
|
|
|
750
752
|
```javascript
|
|
751
753
|
// Example of how a website registers tools (done by the website developer)
|
|
752
|
-
import
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
query: { type: 'string', description: 'Search query' }
|
|
762
|
-
},
|
|
763
|
-
required: ['query']
|
|
754
|
+
import '@mcp-b/global';
|
|
755
|
+
|
|
756
|
+
navigator.modelContext.registerTool({
|
|
757
|
+
name: 'search_products',
|
|
758
|
+
description: 'Search for products on this website',
|
|
759
|
+
inputSchema: {
|
|
760
|
+
type: 'object',
|
|
761
|
+
properties: {
|
|
762
|
+
query: { type: 'string', description: 'Search query' }
|
|
764
763
|
},
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
764
|
+
required: ['query']
|
|
765
|
+
},
|
|
766
|
+
async execute({ query }) {
|
|
767
|
+
// Implementation
|
|
768
|
+
return {
|
|
769
|
+
content: [{ type: 'text', text: JSON.stringify({ results: [...] }) }]
|
|
770
|
+
};
|
|
769
771
|
}
|
|
770
|
-
|
|
772
|
+
});
|
|
771
773
|
```
|
|
772
774
|
|
|
773
775
|
### Using WebMCP tools
|
package/package.json
CHANGED
|
@@ -1,7 +1,32 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mcp-b/chrome-devtools-mcp",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "MCP server for Chrome DevTools with WebMCP integration",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"mcp",
|
|
7
|
+
"model-context-protocol",
|
|
8
|
+
"chrome",
|
|
9
|
+
"devtools",
|
|
10
|
+
"browser-automation",
|
|
11
|
+
"puppeteer",
|
|
12
|
+
"ai-agent",
|
|
13
|
+
"claude",
|
|
14
|
+
"cursor",
|
|
15
|
+
"copilot",
|
|
16
|
+
"gemini",
|
|
17
|
+
"webmcp",
|
|
18
|
+
"web-model-context",
|
|
19
|
+
"ai-tools",
|
|
20
|
+
"llm",
|
|
21
|
+
"ai-assistant",
|
|
22
|
+
"browser-testing",
|
|
23
|
+
"debugging",
|
|
24
|
+
"performance",
|
|
25
|
+
"screenshots",
|
|
26
|
+
"web-automation",
|
|
27
|
+
"anthropic",
|
|
28
|
+
"openai"
|
|
29
|
+
],
|
|
5
30
|
"homepage": "https://github.com/WebMCP-org/npm-packages/tree/main/packages/chrome-devtools-mcp#readme",
|
|
6
31
|
"bugs": {
|
|
7
32
|
"url": "https://github.com/WebMCP-org/npm-packages/issues"
|