Zwiększ wydajność procesu programowania dzięki Gemini zintegrowanemu bezpośrednio z narzędziami deweloperskimi w Chrome. Usprawnij debugowanie dzięki pomocy AI w zakresie stylizacji, wydajności, sieci i źródeł.

Rozpocznij Przeglądanie promptów

Problemy ze stylami mogą być trudne do debugowania. Aby uzyskać szczegółowe informacje o stylach elementów i pomoc w rozwiązywaniu problemów z układem i stylami, wykonaj te czynności:

Can you center this element?
Więcej informacji

Nagłówki żądań i odpowiedzi często zawierają ważne informacje, które nie są oczywiste na pierwszy rzut oka. Użyj pomocy AI, aby dowiedzieć się więcej:

Why does this request fail?
Więcej informacji

Rzadko zdarza się, aby cały kod w witrynie został napisany przez Ciebie – nie wiesz, do czego służy dany skrypt? Pomoc AI może:

What is this file used for?
Więcej informacji

Podstawowe wskaźniki internetowe mają niską wartość? Znalezienie głównej przyczyny powolnego działania witryny może być trudne. Asystent AI może analizować problemy i proponować rozwiązania:

Help me optimize my LCP score
Więcej informacji

Uzyskaj pomoc AI, gdziekolwiek jesteś

Aby uzyskać pomoc od Gemini w bieżącym zadaniu, poszukaj przycisku Zapytaj AI.

Prezentacje

Zapoznaj się z naszą interaktywną prezentacją, aby dowiedzieć się, jak zacząć korzystać z AI w swoich projektach.
Wypróbuj poprawki stylizacji oparte na AI, aby przekształcić statyczną samolot w latający cud – pamiętaj jednak, aby zastosować środki bezpieczeństwa.
Wyświetlanie wersji demonstracyjnej
Czy uda Ci się pokonać suwak z pomocą AI, czy ekipa nurków na zawsze zostanie uwięziona w koszmarze związanym z układem?
Wyświetlanie wersji demonstracyjnej

Nie wiesz, jak zacząć?

Poznaj pomysły na prompty dla pomocy AI w Narzędziach deweloperskich. Eksperymentuj z naszych demonstracyjnych stron lub wypróbuj je na swoich witrynach.

Poprawianie formatu obrazu

Make all teaser images always be 16:9

Jeden z obrazów nie jest przycięty w taki sam sposób jak pozostałe?

  • Otwórz stronę chrome.dev/cinemai/devtools/ i otwórz Narzędzia deweloperskie.
  • Odszukaj i wybierz sekcję Dowiedz się więcej, oglądając.
  • Kliknij ikonę pomocy AI.
  • Prompt: Make all teaser images always be 16:9.
  • Kliknij Apply the suggested change i kontynuuj.
  • Przycisk powinien być wyśrodkowany.

Rozwiązywanie problemów z przepełnieniem

How can I make this element visible?

Element jest niewidoczny?

Rozwiń nagłówki

Are there any security headers present?

Aby dowiedzieć się więcej o nagłówkach zabezpieczeń danego zasobu...

Szczegółowe dane

Obejrzyj filmy, które pokazują, jak korzystać z pomocy AI w Narzędziach deweloperskich, aby rozwiązywać typowe problemy związane z tworzeniem stron internetowych.
Zapoznaj się z trwałą historią czatu z AI w Chrome 133–135
Dołącz do Jecelyn, Olivera i Matthiasa, którzy opowiedzą o pomocy AI w Chrome 130–132

Rozpocznij

Upewnij się, że używasz najnowszej wersji Chrome i masz zalogowaną przeglądarkę. Musisz mieć ukończone 18 lat i znajdować się w jednym z obsługiwanych krajów.
Wymagania
Pomoc AI jest domyślnie wyłączona. Aby go włączyć, otwórz sekcję Ustawienia > Pomoc AI. Aby korzystać z pomocy AI, musisz zaakceptować Warunki korzystania z usług Google.
Włączanie innowacji w zakresie AI
Za pomocą zasad dla organizacji można kontrolować, czy dane udostępnione Gemini są rejestrowane i wykorzystywane do trenowania.
Dowiedz się, jak używamy Twoich danych

Pomóż nam ulepszać nasze usługi.

Ta funkcja jest eksperymentalna i może ulec zmianie. Może generować niedokładne lub obraźliwe informacje, których nie należy utożsamiać z opiniami Google. Głosuj na odpowiedzi, aby pomóc nam je ulepszać, i przesyłaj nam więcej opinii.

Podziel się opinią