Fehlerbehebung

Helfer-Button wird nicht angezeigt

Sie sehen doppelte Hilfsschaltflächen neben demselben Textbereich.

Mögliche Lösungen:

• Browser-Cache leeren: Führen Sie einen Hard-Refresh Ihrer Seite durch (Strg+Umschalt+R auf Windows/Linux, Cmd+Umschalt+R auf Mac), um sicherzustellen, dass Sie\
• Überprüfen Sie, ob das Skript geladen ist: Öffnen Sie die Entwicklerwerkzeuge des Browsers (F12), gehen Sie zum Tab 'Konsole' und suchen Sie nach JavaScript-Fehlern. Stellen Sie sicher, dass das Skript fehlerfrei geladen wird.
• Überprüfen Sie die Platzierung des Snippets: Stellen Sie sicher, dass das Skript-Tag im <head> Abschnitt ist, nicht im <body>. Das Skript sollte vor dem Seiteninhalt geladen werden.
• Überprüfen Sie die Textbereiche: Der Helfer erscheint nur neben <textarea> und <input type="text"> Elementen. Stellen Sie sicher, dass diese Elemente auf Ihrer Seite vorhanden sind.
• Überprüfen Sie den Selektor: Überprüfen Sie, ob Ihr CSS-Selektor korrekt ist und ein tatsächliches Textbereichselement auf Ihrer Seite anspricht.
• Deaktivieren Sie Werbeblocker: Einige Werbeblocker oder Datenschutzerweiterungen können das Helfer-Skript stören. Testen Sie in einem Inkognito-/Privatfenster.

Fehler in der Content Security Policy (CSP)

Ihre Browser-Konsole zeigt CSP-Verletzungen, die das Laden des Skripts verhindern.

Content-Security-Policy: script-src 'self' https://ai-anywhere.ai;

Wenn Meta-Tags in HTML verwendet werden:

<meta http-equiv="Content-Security-Policy" 
      content="script-src 'self' https://ai-anywhere.ai;">

Helfer-Button reagiert nicht

Der Helfer-Button erscheint, aber beim Klicken passiert nichts.

Mögliche Lösungen:

• Überprüfen Sie die Browser-Konsole: Öffnen Sie die Entwicklerwerkzeuge (F12) und suchen Sie nach Fehlermeldungen, die auf Authentifizierungs- oder Netzwerkprobleme hinweisen könnten.
• Überprüfen Sie die Netzwerk-Anfragen: Überprüfen Sie im Netzwerk-Tab der Entwicklerwerkzeuge, ob API-Anfragen an AI Anywhere erfolgreich sind (Status 200) und nicht blockiert werden.
• Mit einem anderen Browser testen: Schließen Sie browser-spezifische Probleme aus, indem Sie in Chrome, Firefox oder Safari testen.
• Browser-Erweiterungen deaktivieren: Einige Erweiterungen können die Ausführung von JavaScript beeinträchtigen. Testen Sie mit deaktivierten Erweiterungen.

Mehrere Hilfsschaltflächen erscheinen

Sie sehen doppelte Hilfsschaltflächen neben demselben Textbereich.

Lösungen:

• Auf doppelte Snippets überprüfen: Durchsuchen Sie Ihr HTML/Ihre Vorlagen, um sicherzustellen, dass das Skript-Tag nur einmal erscheint. <head> Abschnitt hinzu.
• React/Vue/Angular: Stellen Sie sicher, dass das Skript nur einmal geladen wird, indem Sie useEffect (React) oder montierte Hooks verwenden und einen Schutz hinzufügen, um ein erneutes Laden zu verhindern.
• Verwenden Sie einen Lade-Schutz: Überprüfen Sie, ob das Skript bereits existiert, bevor Sie es hinzufügen:
  if (!document.querySelector('script[src*="ai-anywhere.ai"]')) { // Add script here }

Leistungs- oder Ladeprobleme

Das Hilfsskript verlangsamt das Laden Ihrer Seite oder verursacht Leistungsprobleme.

Lösungen:

• Verwenden Sie asynchrones Laden: Fügen Sie async Attribut zum Skript-Tag hinzufügen (obwohl unser Skript bereits asynchron geladen wird).
• Skriptladen verzögern: Wenn Ihre Seite viele Skripte hat, ziehen Sie in Betracht, das Hilfsskript mit defer Attribut zu laden, nachdem die Seite geparst wurde.
• Netzwerkzeiten überprüfen: Verwenden Sie den Netzwerk-Tab der Browser-Entwicklerwerkzeuge, um zu sehen, ob das Skript ungewöhnlich lange zum Herunterladen benötigt.
• Optimieren Sie Ihre Seite: Das Hilfsskript ist leichtgewichtig (~50KB), aber wenn Ihre Seite bereits langsam ist, optimieren Sie zuerst andere Ressourcen.

Stilkonflikte

Die Helferschaltfläche passt nicht zum Design Ihrer Website oder steht im Konflikt mit Ihrem CSS.

Lösungen:

• Mit CSS überschreiben: Verwenden Sie spezifischere Selektoren oder !important um Helfer-Stile zu überschreiben:
  .ai-helper-button { background-color: #your-color !important; border-radius: 8px !important; }
• Verwenden Sie Themenanpassung: Konfigurieren Sie die Farben und Stile der Schaltflächen in Ihren Helfer-Einstellungen, um Ihre Marke anzupassen.
• CSS-Spezifität überprüfen: Stellen Sie sicher, dass Ihre benutzerdefinierten Stile eine höhere CSS-Spezifität als die Standardstile des Helfers haben.

Browser-Kompatibilitätsprobleme

Der Helfer funktioniert in einigen Browsern, aber nicht in anderen.

Wenn Probleme weiterhin bestehen:

• Aktualisieren Sie Ihren Browser: Stellen Sie sicher, dass Sie die neueste Version Ihres Browsers verwenden.
• Überprüfen Sie, ob JavaScript aktiviert ist: Stellen Sie sicher, dass JavaScript in Ihren Browsereinstellungen aktiviert ist.
• Testen Sie im Inkognito-Modus: Schließen Sie Erweiterungskonflikte aus, indem Sie im privaten/Inkognito-Modus testen.