Mentionsy Mentionsy
Subiektywny Frontend
Subiektywny Frontend

Chrome DevTools MCP server

31.10.2025 ·18 min 2 s · 1 rozdział · 1 sponsor

Google właśnie zrobił coś dużego dla frontendowców i jest mega! 🚀 Chrome DevTools MCP to nowy sposób na współpracę AI z Twoim kodem — od podglądu DOM i stylów, po realne interakcje z przeglądarką. W tym odcinku nie tylko mówimy o DevTools MCP, ale pokazujemy też, jak uruchomić MCP w JetBrains IDE (choć działa też w innych edytorach i LLMach wspierających MCP).Zobacz dlaczego nowe MCP od Google Chrome to game-changer dla każdego frontend developera.💬 Daj znać w komentarzu, z jakim edytorem chcesz to połączyć!📎 Linki:• Artykuł o Chrome DevTools MCP: https://developer.chrome.com/blog/chrome-devtools-mcp

Wcześniej trzeba było po prostu robić kopiuj-wklej tych konsol, logów, errorów i stack trace'ów do LLM, a teraz po prostu wystarczy go zapytać i on to wszystko ogarnie. Za was. Dokładnie. Czyli codzisz i tylko mówisz, co się dzieje, że to nie działa. Dokładnie. I on od razu wie, bo on tam widzi błędy. No właśnie, ty mu nawet już nie musisz mówić, co nie działa, bo on już wie. Tak. No mega fajna rzecz. I dzisiaj zrobimy sobie taki mały setupik, powiemy jak zasetupować to w JetBrainsie, bo do Visual Studio Code'a w zasadzie znajdziecie milion różnych tutoriali, a JetBrains... W sumie nie wiem kto jeszcze korzysta z Visual Studio Code'a. Ja? Wiemy, że jesteśmy podzieleni.

Trzeba usiąść, sprawdzić, zobaczyć, czym to się je. Tak, ale teoretycznie są takie możliwości, więc jest nadzieja. To sprawdźmy. To co, sprawdzamy w takim razie? Zacznijmy od tego, że nie wiem czy wiecie, może ktoś używa, może ktoś nie używa, że można się w IDE, czy Visual Studio Code, czy w JetBrainsie, zapewne w innych też, podpiąć do logów. Czyli można się podpiąć do konsol logów z naszej przeglądarki. Mamy tutaj aplikację naszą z poprzednich odcinków z frontendowej siłki i odpalimy sobie shella. No i teraz Fajnie, fajnie. Można sobie te konfiguracje debugera odpalić.

Pokazano wszystkie 2 dopasowania. Transkrypcja generowana automatycznie i niesprawdzana ręcznie — może zawierać błędy.