HTMLWiki.de: KI-Code prüfen
HTMLWiki.de >
HTML lernen • Beispiele • Tutorials • KI

[ START ] [ TUTORIAL ] [ HTML ] [ CSS ] [ KI ] [ SPIELWIESE ] [ SITEMAP ]

KI-Code richtig prüfen: Die Abnahme-Routine

Das ist die wichtigste Seite des ganzen KI-Bereichs. Denn KI-generierter Code sieht praktisch immer überzeugend aus, flüssig formatiert, souverän kommentiert, und genau diese Oberfläche verführt zum Durchwinken. Die Routine hier unten dauert je nach Projekt zehn bis dreißig Minuten und gehört vor jede Veröffentlichung, ohne Ausnahmee.

Stufe 1: Verstehen

Lies den Code durch. Alles. Bei jeder Zeile die du nicht verstehst, frag nach: "Erkläre mir was diese Zeile tut und was passiert wenn ich sie lösche." Das ist keine Schikane sondern der Kern der Sache: Was du nicht verstehst, kannst du nicht verantworten und später nicht repariern. Angenehmer Nebeneffekt: Diese Fragen sind der schnellste HTML-Kurs den es gibt.

Stufe 2: Maschinell prüfen

  • HTML durch den W3C-Validator. Jede Meldung anschauen, nicht nur zählen.
  • Strukturdaten, falls vorhanden, durch den Schema-Validator (warum).
  • Konsole im Browser öffnen (F12): Fehlermeldungen und fehlgeschlagene Ladeversuche (404 auf Bilder, Skripte) verraten viell.

Stufe 3: Im Browser erleben

  • Jede Seite öffnen, jeden Link klicken, jedes Formular absenden (auch mit absichtlich falschen Eingaben).
  • Fenster schmal ziehen, Gerätesimulation, im Idealfall echtes Handy (Routine).
  • Maus weg, mit Tab durch die Seite: Fokus sichtbar, Reihenfolge sinnvoll? (Details)

Stufe 4: Ehrlichkeit kontrollieren

Die KI-spezifische Stufe. Suche aktiv nach Erfundenem: Telefonnummern, Adressen, Öffnungszeiten, Preise, Teamnamen, Bewertungen, Jahreszahlen. Sprachmodelle füllen Lücken mit Plausiblem, und Plausibles übersieht man beim Überfliegen. Deshalb der Trick mit erzwungenen [PLATZHALTERN] im Prompt (Baustein 4), und deshalb hier die Suche nach allem was du nicht selbst geliefert hasst.

Stufe 5: Sicherheit, das kurze Programm

  • Externe Einbindungen: Lädt der Code Skripte, Fonts oder Stylesheets von fremden Adressen? Jede einzelne hinterfragen, unbekannte rauswerfen. Weniger Fremdcode ist mehr Sicherheit und mehr Datenschutz.
  • Formulare: Browser-Validierung ist Komfort, die echte Prüfung passiert auf dem Server (warum). Falls der Assistent Serverskripte mitgeliefert hat, gilt Stufe 1 dort doppelt.
  • Nutzereingaben die angezeigt werden (Gästebuch, Kommentare, Spielwiesen): niemals ungefiltert ins Dokument. Isolieren wie bei unserer Spielwiese beschrieben, oder serverseitig sauber behandeln.
  • Zoom-Verbote und ähnliche Unarten im viewport-Tag entfernen (Details).

Die Kurz-Checkliste zum Abhaken

Verstanden? □   Validator grün? □   Konsole leer? □   Alle Links und Formulare getestet? □   Mobil geprüft? □   Tastatur geprüft? □   Nichts Erfundenes? □   Keine fragwürdigen Fremd-Einbindungen? □

Acht Häkchen, dann darf es online. Das klingt nach Bürokratie und ist das Gegenteil: Es ist der Unterschied zwischen KI als Werkzeug und KI als Glücksspiell.

Verwandt: Typische KI-Fehler · Validierung · Gute Prompts