@escbasexyz: 🎬 Chrome DevTools MCP gắn cho Coding agent một đôi mắt mới: không chỉ sửa code, mà còn nhìn được app đang chạy trong Chrome. 🔎 Trước giờ agent sửa frontend vẫn hơi mù. Nó đọc code, đoán lỗi, rồi chờ bạn báo “nút này lệch” hoặc “form kia vẫn fail”. Vòng lặp đó mất thời gian vì agent không tự nhìn được kết quả trong browser. 💡 Chrome DevTools MCP đổi đúng chỗ đó. Nó cho agent điều khiển Chrome thật qua DevTools. Agent có thể mở trang, click, nhập form, chụp màn hình, rồi đọc console như một dev đang debug. 🧠 Cài cơ bản chỉ là thêm một MCP server. Ví dụ Codex thì dùng `codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest`. Claude Code, Copilot, VS Code, Antigravity,...vân vân đều có lối thêm riêng với hướng dẫn trong README, nhưng vẫn xoay quanh cùng một server đó. ⚡ Điểm ăn tiền không phải là “AI biết bấm nút”. Điểm ăn tiền là nó nhìn được hậu quả của code vừa sửa. Nếu UI vỡ, request fail, hoặc console đỏ, agent có dữ liệu để tự lần tiếp. ✅ Ví dụ một form submit bị lỗi. Agent có thể điền form, bấm submit, xem network request trả về gì. Sau đó nó đọc console stack trace và quay lại sửa đúng chỗ hơn. 📌 Nó còn chạm được mấy phần nặng ký hơn. Performance trace, Lighthouse audit, memory snapshot, network waterfall. Tức là agent bắt đầu bước vào vùng debug mà trước đây bạn gần như phải tự làm tay. 🎬 Nhưng tool mạnh thì quyền cũng nhạy hơn. Repo cảnh báo rõ: MCP client có thể inspect nội dung browser. Nên nếu dùng Chrome DevTools MCP, hãy dùng profile sạch và đừng mở tab có dữ liệu riêng tư. #Escbase #ChromeDevToolsMCP #ChromeDevTools #MCP #CodingAgent #FrontendDebugging #AIAgents

Escbase

Open In TikTok:

Region: VN

Sunday 24 May 2026 11:34:03 GMT