Chrome DevTools MCP server
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
Proszę bardzo. Czyli mamy dostęp do naszych logów. Więc teraz możemy sobie wejść w jakąś AppComponent i tutaj zróbmy Console.Warn. Ciach, ciach, ciach. Widać, że się przeładowuje, ale nie widać warninga. Nie, no widać. Tak? A nie, faktycznie jest. No. I wszystko fajnie. Tutaj w prawym rogu widzicie, że mam Copilota otwartego, tylko że Copilot nie ma do tego dostępu. Więc fajnie, że jest, okej. W ogóle swoją drogą pytanie, czy ktoś z tego korzysta, bo ja osobiście z tego absolutnie nie korzystam. Ja też nie korzystałem. No ale jest.
Czy to na pewno prawda? Jeżeli to jest ta strona, na którą sprawdzę, to... Wygląda, że nie jest, bo to jest jakiś about blank. Ta-dam! Otworzyłem stronę localhost. Trzeba mu było po prostu powiedzieć, co ma zrobić, a nie, że czy jest coś tam, gdzieś tam. Nie, po prostu trzeba mu powiedzieć explicite, co ma zrobić. Otworzyłem stronę localhost, sprawdziłem konsolę i aktualnie nie pojawiły się żadne komunikaty, mimo że w kodzie AppComponent jest console.warn w konstruktorze. I to jest w ogóle ciekawa rzecz, bo jak go wcześniej pytałem o to, zrobiłem sobie ten przykład wcześniej i zapytałem po prostu, czy mamy jakieś warningi. To on mi powiedział, nie, nie ma żadnych. No to się zacząłem zastanawiać, ej, ale tam dodałem ten Console.Worn, tam miał być.
Pokazano wszystkie 2 dopasowania. Transkrypcja generowana automatycznie i niesprawdzana ręcznie — może zawierać błędy.
MCP odpowiada na właśnie tą potrzebę. Konfiguracja jest superprosta.
Rozdziały i streszczenia generowane automatycznie. Pełna transkrypcja nie jest publikowana — wyszukaj frazę, aby zobaczyć dopasowane fragmenty.
„MCP odpowiada na właśnie tą potrzebę. Konfiguracja jest superprosta."
Kliknij, aby znaleźć fragmenty, w których pada.
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