Konnektor Chrome DevTools

Wofür er sich eignet

• Einen Fehler in der Oberfläche nachstellen und als Bild oder Aufzeichnung festhalten
• Einen Ablauf ohne Schnittstelle bedienen, etwa einen Export aus einem Lieferantenportal
• Lighthouse-Prüfungen auf einer Testadresse vor einer Veröffentlichung
• Wiederholbare Sichtprüfungen der Oberfläche, die der Assistent jederzeit erneut ausführt

Tools (29)

• click: Clicks on the provided element.
• close_page: Closes the page by its index.
• drag: Drag an element onto another element.
• emulate: Emulates various features on the target page.
• evaluate_script: Evaluate a JavaScript function inside the target page.
• fill: Type text into an input, text area or select an option from a <select> element.
• fill_form: Fill out multiple form elements (inputs, selects, checkboxes, radios) at once.
• get_console_message: Gets a console message by its ID.
• get_network_request: Gets a network request by an optional reqid, if omitted returns the currently selected request in the DevTools Network panel.
• handle_dialog: If a browser dialog was opened, use this command to handle it.
• hover: Hover over the provided element.
• lighthouse_audit: Get Lighthouse score and reports for accessibility, SEO, best practices, and agentic browsing.
• list_console_messages: List all console messages for the target page since the last navigation.
• list_network_requests: Lists the most recent requests for the target page since the last navigation.
• list_pages: Get a list of pages open in the browser.
• navigate_page: Go to a URL, or back, forward, or reload.
• new_page: Open a new tab and load a URL.
• performance_analyze_insight: Provides more detailed information on a specific Performance Insight of an insight set that was highlighted in the results of a trace recording.
• performance_start_trace: Start a performance trace on the target webpage.
• performance_stop_trace: Stop the active performance trace recording on the target webpage.
• press_key: Press a key or key combination.
• resize_page: Resizes the page's window so that the page has specified dimension.
• select_page: Select a page as a context for future tool calls.
• take_heapsnapshot: Capture a heap snapshot of the target page.
• take_screenshot: Take a screenshot of the page or element.
• take_snapshot: Take a text snapshot of the target page based on the a11y tree.
• type_text: Type text using keyboard into a previously focused input.
• upload_file: Upload a file through a provided element.
• wait_for: Wait for the specified text to appear on the selected page.

Beispielanfragen

• “Öffne https://example.com, klicke auf «Jetzt starten» und mache ein Bildschirmfoto, sobald das Formular geladen ist.”
• “Führe eine Lighthouse-Prüfung auf https://example.com aus und fasse die drei schwersten Leistungsprobleme zusammen.”
• “Öffne meine GitHub-Benachrichtigungen, liste die ungelesenen auf und halte die Seite als Abbild fest.”

Einrichten

Von AIWerk betreiben lassen, ohne eigene Installation, oder selbst auf dem eigenen Rechner starten:

npx chrome-devtools-mcp@1.8.0

Chrome DevTools ist einer von vielen Konnektoren im AIWerk-Katalog. Jeder Konnektor ist signiert und geprüft. Sie können ihn selbst auf Ihrem Rechner installieren oder von AIWerk betreiben lassen.