Mit Gemini, das direkt in den Chrome-Entwicklertools integriert ist, können Sie Ihren Entwicklungsablauf optimieren. Optimieren Sie das Debugging mit KI-Unterstützung für Stil, Leistung, Netzwerk und Quellen.

Los gehts Prompts entdecken

Stylingprobleme können schwierig zu beheben sein. Hier finden Sie eine detaillierte Erklärung der Stile Ihrer Elemente und Hilfe bei der Behebung von Layout- und Stilfehlern:

Can you center this element?
Weitere Informationen

Anfrage- und Antwortheader enthalten oft wichtige Informationen, die auf den ersten Blick nicht offensichtlich sind. Mit der KI-Unterstützung können Sie Folgendes tun:

Why does this request fail?
Weitere Informationen

Es ist selten, dass Sie den gesamten Code auf Ihrer Website selbst geschrieben haben. Sie sind sich nicht sicher, wofür ein bestimmtes Script verwendet wird? KI-gestützte Unterstützung kann Ihnen bei Folgendem helfen:

What is this file used for?
Weitere Informationen

Schlechte Core Web Vitals-Werte? Es kann schwierig sein, die Ursache für eine träge Website zu finden. Die KI-Unterstützung kann Probleme untersuchen und Lösungen vorschlagen:

Help me optimize my LCP score
Weitere Informationen

Überall KI-Unterstützung erhalten

Suchen Sie nach der Schaltfläche KI fragen, um sich von Gemini bei Ihrer aktuellen Aufgabe helfen zu lassen.

Demos

In unseren interaktiven Demos erfahren Sie, wie Sie KI-gestützte Unterstützung in Ihren Projekten nutzen können.
Mit KI-gestützten Styling-Optimierungen können Sie ein statisches Flugzeug in ein fliegendes Wunder verwandeln und dabei die Sicherheitsmaßnahmen einhalten.
Demo ansehen
Werden Sie die scrollbar of doom mit KI-Unterstützung besiegen oder wird ein Tauchteam für immer in einem Layout-Albtraum gefangen sein?
Demo ansehen

Sie wissen nicht, wie Sie anfangen sollen?

Ideen für Prompts für die KI-Unterstützung in den Entwicklertools ansehen Testen Sie unsere Demos oder probieren Sie sie auf Ihren eigenen Websites aus.

Seitenverhältnis eines Bildes korrigieren

Make all teaser images always be 16:9

Ist eines der Bilder nicht so zugeschnitten wie die anderen?

  • Öffne die Seite chrome.dev/cinemai/devtools/ und öffne die Entwicklertools.
  • Wählen Sie den Bereich Weitere Informationen aus.
  • Klicken Sie auf das Symbol für die KI-Unterstützung.
  • Prompt: Make all teaser images always be 16:9.
  • Klicken Sie auf Apply the suggested change und fahren Sie fort.
  • Die Schaltfläche sollte zentriert sein.

Überlaufproblem beheben

How can I make this element visible?

Element ist nicht sichtbar?

  • Öffne die Seite chrome.dev/cinemai/devtools/ und öffne die Entwicklertools.
  • Suchen Sie ein img-Element mit einem Taucher.
  • Klicken Sie auf das Symbol für die KI-Unterstützung.
  • Prompt: How can I make this element visible without scrollbars?.
  • Klicken Sie auf Apply the suggested change und fahren Sie fort.
  • Der Taucher sollte auf dem Bildschirm sichtbar sein.

Header entschlüsseln

Are there any security headers present?

Weitere Informationen zu Sicherheitsheadern einer bestimmten Ressource:

  • Öffne die Seite chrome.dev/cinemai/devtools/ und öffne die Entwicklertools.
  • Wählen Sie im Bereich „Netzwerk“ diev4-chrome.dev.js Anfragen aus.
  • Klicken Sie auf das Symbol für die KI-Unterstützung.
  • Prompt: Are there any security headers present?
  • In der LLM werden Header erläutert, die sich auf die Sicherheit der Ressource beziehen.

Detaillierte Daten

In diesen Videos erfahren Sie, wie Sie die KI-Unterstützung in den DevTools verwenden, um häufige Probleme bei der Webentwicklung zu lösen.
Persistenter KI-Chatverlauf in Chrome 133–135
Jecelyn, Oliver und Matthias stellen die KI-Unterstützung in Chrome 130–132 vor

Los gehts

Sie müssen die neueste Version von Chrome verwenden und angemeldet sein. Sie müssen mindestens 18 Jahre alt sein und sich an einem der unterstützten Standorte befinden.
Anforderungen ansehen
Die KI-Unterstützung ist standardmäßig deaktiviert. Sie können sie unter „Einstellungen“ > „KI-Unterstützung“ aktivieren. Sie müssen den Google-Nutzungsbedingungen zustimmen, um die KI-Unterstützung nutzen zu können.
KI-Innovationen aktivieren
Mit einer Enterprise-Richtlinie können Sie festlegen, ob die mit Gemini geteilten Daten protokolliert und für das Training verwendet werden.
Informationen zur Verwendung Ihrer Daten

Helfen Sie uns, besser zu werden.

Diese Funktion befindet sich noch in der Entwicklungsphase und kann daher künftig Änderungen unterliegen. Es kann fehlerhafte oder anstößige Informationen generieren, die nicht die Auffassung von Google widerspiegeln. Geben Sie uns Feedback, damit wir die Antworten verbessern können.

Feedback geben