On-screen text
CHROME DEVTOOLS MCP
01 - 15
Agent Mù Màu.
AI báo "chạy ngon rồi" dù chưa từng mở trình duyệt lên coi thật.
AI báo "xong rồi"
Chưa mở browser thật
02 - 15
Báo Xong, Vẫn Sai.
Bạn tự mở trang: nút vẫn im, console vẫn đỏ lòm lỗi.
Nút bấm vẫn im
Console rối lỗi
03 - 15
Bạn Là Người Đưa Tin.
Tự chụp lỗi, tự copy stack trace, dán ngược lại cho AI đọc.
Tự chép lỗi
Dán ngược cho AI
04 - 15
Lỗi Không Tại AI.
AI chưa từng được tự tay bấm thử trên trình duyệt thật.
AI chưa từng thấy
Trình duyệt thật
05 - 15
50.800 Sao.
Chrome DevTools MCP: hơn 50.800 sao sau chưa đầy 1 năm ra mắt.
About
Chrome DevTools for coding agents
developer.chrome.com/docs/devt...
browser
chrome
Readme
Apache-2.0 license
Contributing
Security policy
Activity
Custom properties
50.8k stars
253 watching
06 - 15
Mọi Agent Đều Dùng.
Chuẩn mở MCP - Claude, Cursor, Copilot, Antigravity đều cắm vào dùng ngay.
Chrome DevTools for agents [chrome-devtools-mcp] lets your coding agent (such as Antigravity, Claude, Cursor or Copilot) control and inspect a live Chrome browser. It acts as a Model-Context-Protocol (MCP) server, giving your AI coding assistant access to the full power of Chrome DevTools, for reliable automation, in-depth debugging, and performance analysis. A CLI is also provided for use without MCP.
07 - 15
Tự Tay Click Thật.
Puppeteer tự click, tự điền form, tự điều hướng trên Chrome thật.
Tool reference
Changelog
Contributing
Troubleshooting
Design Principles
Key features
• Get performance insights. Uses Chrome DevTools to record traces and extract actionable performance insights.
• Advanced browser debugging. Analyze network requests, take screenshots and check browser console messages (with source-mapped stack traces).
• Reliable automation. Uses puppeteer to automate actions in Chrome and automatically wait for action results.
Disclaimers
08 - 15
Do Đúng Hiệu Năng.
Tự quay trace, tự rút ra "LCP mất 3.2 giây" thay vì 50 nghìn dòng JSON.
Get performance insights. Uses Chrome DevTools to record traces and extract actionable performance insights.
Advanced browser debugging. Analyze network requests, take screenshots and check browser console messages (with source-mapped stack traces).
Reliable automation. Uses puppeteer to automate actions in Chrome and automatically wait for action results.
09 - 15
Lỗi Về Đúng Dòng Code.
Đọc network request, đọc console kèm stack trace về đúng dòng code gốc.
Advanced browser debugging. Analyze network requests, take screenshots and check browser console messages (with source-mapped stack traces).
10 - 15
Soi Cả Bộ Nhớ.
Heap snapshot, so sánh bộ nhớ trước sau, bắt tận tay memory leak.
Description: Capture a heap snapshot of the target page. Use to analyze the memory consumption of JavaScript objects and debug memory leaks.
Parameters:
• filePath (string) [required]: A path to a .heapsnapshot file to save the heapsnapshot to.
• pageId (number) [required]: Targets a specific page by ID.
c_close_heapsnapshot
Description: Closes a previously loaded memory heapsnapshot, freeing its memory. (requires flag --memoryDebugging=true)
Parameters:
• filePath (string) [required]: A path to the heapsnapshot file to close.
compare_heapsnapshot
Description: Loads two memory heapsnapshots and returns the comparison. If classIndex is provided, returns detailed diff for that class, otherwise returns summary diff. (requires flag --memoryDebugging=true)
11 - 15
1 Câu, AI Tự Chạy.
Gõ 1 câu, AI tự mở Chrome, tự chạy trace, tự trả lời con số thật.
Enter the following prompt in your MCP Client to check if everything is working:
Check the performance of https://developers.chrome.com
12 - 15
Free. Google Đứng Sau.
Miễn phí, mã nguồn mở Apache 2.0, do chính Google Chrome DevTools team đứng sau.
About
Chrome DevTools for coding agents
developer.chrome.com/docs/devt...
browser
chrome
chrome-devtools-mcp
devtools
mcp
mcp-server
Security policy
Activity
Custom properties
50.8k stars
253 watching
3.6k forks
Report repository
Releases
59
chrome-devtools-mcp: v1.... Latest
last week
13 - 15
Chỉ Chính Chrome.
Giới hạn thật: chỉ chính thức hỗ trợ Google Chrome.
chrome-devtools-mcp officially supports Google Chrome and Chrome for Testing only. Other Chromium-based browsers may work, but this is not guaranteed, and you may encounter unexpected behavior. Use at your own discretion. We are committed to providing fixes and support for the latest version of Extended Stable Chrome.
14 - 15
1 Dòng Cài Xong.
npx -y chrome-devtools-mcp@latest – thêm vào MCP client là xong.
"mcpservers": {
"chrome-devtools": {
"args": ["--y", "chrome-devtools-mcp@latest"]
}
}
Note
Using chrome-devtools-mcp@latest ensures that your MCP client will always use
15 - 15
Bạn Làm Chủ.
Thêm Chrome DevTools MCP ngay hôm nay – anh em thử chưa?
Bạn làm chủ
AI thấy thật, giúp thật
