Chrome DevTools
Chrome DevTools is a set of web development and debugging tools built directly into the Google Chrome browser, requiring no separate installation. Core capabilities include real-time HTML and CSS editing with element inspection, JavaScript breakpoint debugging and performance profiling, network request monitoring, memory and performance analysis, and code coverage reporting. It is widely used in front-end development, performance optimization, and issue investigation, and serves as an essential tool for web developers.
Core Facts
Lighthouse is an open-source automated tool developed by Google, built into Chrome DevTools, providing multi-dimensional web quality scoring including accessibility.
Agent DevTools draws inspiration from Browser DevTools, allowing developers to inspect an AI Agent's internal operations similarly to how Chrome DevTools inspects page elements and network requests
Chrome DevTools' Snippets feature is located in the left navigation bar of the Sources panel, allowing users to save reusable JavaScript code snippets and manually trigger their execution in any page context
Timeline (last 90 days)
The WebMCP panel in DevTools is a runtime mapping of the WebMCP mechanism, turning the abstract tool registry into an observable list.
At the end of the demonstration, the official team solicited feedback from developers, asking what needs to be changed or added.
Developers can jump directly from the activity records of a WebMCP tool to the tool's registration location (such as a piece of JavaScript code) and test and debug these tools as they would any other JavaScript code.
The WebMCP panel in DevTools supports manually triggering tools, for example directly querying hotel information in New York, making it convenient to reproduce specific scenarios without having to trigger them through natural language conversation every time.
In the DevTools demonstration, after the user sends the agent a request to "find me a hotel in Tokyo, filtered by gym and breakfast", the left panel lists the WebMCP tools that were invoked along with the input and output of each invocation.
The WebMCP tool activity section of DevTools can display the input, output, and further details of each tool invocation in an agent request.
Lauren Tan extracts the deterministic parts into custom CLIs (such as scripts that interact with Playwright and the Chrome DevTools Protocol) to avoid each Agent repeatedly building verification scripts.
Forecall, on 88 tools across 4 servers (Memory, Notion, Playwright, Chrome DevTools), generated 8 single-step requests per tool and tested model selection accuracy with Claude Sonnet 5.5 and GPT-6.1 Sol respectively, with accuracy across all servers ranging from 91% to 99%.
REA is an open-source MCP server that also comes with a set of skills for coding agents, used to connect AI coding agents to Ghidra, IDA, and Hopper.
Chrome DevTools' support for anchor positioning is not yet complete, and the team is working on improvements.
17 more timeline events
All Facts (20)
Lighthouse is an open-source automated tool developed by Google, built into Chrome DevTools, providing multi-dimensional web quality scoring including accessibility.
75%VerifiedAgent DevTools draws inspiration from Browser DevTools, allowing developers to inspect an AI Agent's internal operations similarly to how Chrome DevTools inspects page elements and network requests
70%VerifiedChrome DevTools' Snippets feature is located in the left navigation bar of the Sources panel, allowing users to save reusable JavaScript code snippets and manually trigger their execution in any page context
65%UnverifiedCursor内置了完整的Chrome DevTools，允许通过F1命令面板调用开发者工具执行任意JavaScript代码
85%UnverifiedCodeMirror 6被广泛应用于Replit、Observable、Chrome DevTools等知名产品中
80%UnverifiedThe WebMCP panel in DevTools is a runtime mapping of the WebMCP mechanism, turning the abstract tool registry into an observable list.
50%UnverifiedLauren Tan extracts the deterministic parts into custom CLIs (such as scripts that interact with Playwright and the Chrome DevTools Protocol) to avoid each Agent repeatedly building verification scripts.
50%UnverifiedForecall, on 88 tools across 4 servers (Memory, Notion, Playwright, Chrome DevTools), generated 8 single-step requests per tool and tested model selection accuracy with Claude Sonnet 5.5 and GPT-6.1 Sol respectively, with accuracy across all servers ranging from 91% to 99%.
50%UnverifiedREA is an open-source MCP server that also comes with a set of skills for coding agents, used to connect AI coding agents to Ghidra, IDA, and Hopper.
50%UnverifiedResend also provides an "Edit and Resend as Fetch" option, which can convert the request into Fetch code to be modified in the Console panel before execution.
50%UnverifiedCopy as Fetch is a right-click menu feature long provided by the Chrome DevTools Network panel, which can convert a selected network request into equivalent JavaScript fetch() code.
50%UnverifiedThe Resend feature allows developers to select any request in the Network panel and resend it immediately with a click, while preserving all Header, Cookie, and Payload information of the original request.
50%UnverifiedThe Replay XHR feature existed for nearly a decade and was mainly used to resend captured XHR requests.
50%UnverifiedThe two browser-type servers, Playwright and Chrome DevTools, can see all pages they open, including any websites the user is logged into.
50%UnverifiedThe Chrome DevTools MCP server lets Claude inspect and debug pages, and by default collects usage statistics for Google, though users can manually opt out.
50%UnverifiedA Chrome DevTools MCP server may burn approximately 18,000 tokens before executing its first meaningful action.
50%UnverifiedThe live binding feature of the Scope panel in Chrome DevTools is not a bug, but it can easily create the illusion for reverse engineering beginners that the signature was generated at an earlier point.
50%UnverifiedChrome DevTools' conditional breakpoint only pauses execution when the expression evaluates to true, making it suitable for intercepting only target requests inside high-frequency functions.
50%UnverifiedChrome DevTools' Logpoint prints the expression value to the Console when execution reaches that line without pausing the page, making it suitable for observing data flow.
50%UnverifiedGetting started with reverse engineering requires mastering three levels of skills: network-layer analysis, JS debugging capability, and recognition of common encryption algorithms (AES, RSA, MD5, etc.).
50%