browser_click
Click an element on a webpage using a CSS selector. Automate page interactions by targeting specific DOM elements with this tool.
Instructions
Click an element on the page
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| selector | Yes | CSS selector for element to click |
Implementation Reference
- src/tools.ts:74-83 (schema)Schema definition for browser_click tool: requires a 'selector' (CSS selector string) as input.
name: "browser_click", description: "Click an element on the page", inputSchema: { type: "object", properties: { selector: { type: "string", description: "CSS selector for element to click" } }, required: ["selector"] } }, - src/tools.ts:3-12 (registration)browser_click is listed in the BROWSER_TOOLS array (line 6) for conditional tool registration.
export const BROWSER_TOOLS = [ "browser_navigate", "browser_screenshot", "browser_click", "browser_fill", "browser_select", "browser_hover", "browser_evaluate", "browser_set_viewport" ]; - src/executor.ts:353-376 (handler)Handler function handleBrowserClick: calls page.click(args.selector) and returns success/failure result.
async function handleBrowserClick(page: Page, args: any): Promise<{ toolResult: CallToolResult }> { try { await page.click(args.selector); return { toolResult: { content: [{ type: "text", text: `Clicked element: ${args.selector}`, }], isError: false, }, }; } catch (error) { return { toolResult: { content: [{ type: "text", text: `Click failed on ${args.selector}: ${(error as Error).message}`, }], isError: true, }, }; } } - src/executor.ts:194-195 (registration)Registration in the executor switch-case: maps 'browser_click' to handleBrowserClick.
case "browser_click": return await handleBrowserClick(activePage!, args);