Top
Die Elementauswahl mit visuellen Hinweisen verbessern
  • 11 Dec 2024
  • 3 Minuten zu lesen
  • Dunkel
    Licht
  • pdf

Die Elementauswahl mit visuellen Hinweisen verbessern

  • Dunkel
    Licht
  • pdf

Artikel-Zusammenfassung

Haben Sie jemals Probleme mit der korrekten Erfassung von Elementen auf einer Webseite festgestellt? Das Vorhandensein mehrerer ähnlicher Elemente kann es schwierig machen, das beabsichtigte Element genau auszuwählen. Dies führt zu einer falschen Positionierung von Inhalten oder Widgets.

Mit Visuellen Hinweisen ermöglicht Whatfix die Anzeige der Stärke des erfassten Elements. So können Sie auch verstehen, wie gut das Element von Whatfix identifiziert und ausgewählt wird. Darüber hinaus können Sie weitere Informationen hinzufügen, wie zum Beispiel CSS-Selectors, um die Richtigkeit und Zuverlässigkeit der Auswahl weiter zu verbessern. Dadurch wird sichergestellt, dass nur die richtigen Elemente erfasst werden und der Inhalt angezeigt wird, wenn er angezeigt werden soll.

your title goes here

Visuelle Hinweise werden nicht jedes Mal angezeigt, wenn Sie ein Element auswählen. Es erscheint, wenn Whatfix Probleme mit dem Element findet. Wenn Sie visuelle Hinweise sehen, jedes Mal wenn Sie ein Element auswählen, kann dies mit einigen zugrunde liegenden Problemen der Webseite zusammenhängen. Kontaktieren Sie support@whatfix.com um mehr zu verstehen.

your title goes here

Visual Cues arbeitet für alle Inhaltstypen in allen Anwendungen, außer Salesforce Lightning.

Wie wird die Stärke eines Elements bestimmt?

Die Stärke eines HTML-Elements auf einer Webseite wird durch die Einzigartigkeit und Spezifität seiner Identifikatoren, Attribute oder Selektoren bestimmt. Das starke Element bezieht sich auf ein Element auf einer Webseite, das von Whatfix leicht und genau identifiziert und ausgewählt werden kann. Beispiele für starke Elemente sind Tasten oder Tauchgänge mit eindeutigen Identifikatoren wie Button[id="Speichern"] oder div[data-automation-id="Production"].

Im Gegensatz dazu fehlt es schwachen Elementen an diesen eindeutigen Identifikatoren, was es für Whatfix schwierig macht, genau zu erkennen und auszuwählen. Dies tritt oft auf Seiten mit mehreren ähnlichen Elementen, wie z. B. einem langen Formular mit vielen Eingabefeldern, die keine eindeutigen Attribute haben. Dies kann dazu führen, dass der Inhalt oder das Widget während der Wiedergabe an falschen Positionen angezeigt wird, da Whatfix möglicherweise Schwierigkeiten hat, das beabsichtigte Element zu bestimmen.


Verwenden Sie die folgenden Schritte, um visuelle Hinweise in Ihrer Anwendung zu nutzen:

  1. Melden Sie sich bei der Anwendung an, in der Sie Inhalte erstellen möchten, und starten Sie dann Whatfix Studio.

  2. Wählen Sie den Typ des Inhalts oder des Widgets, das Sie erstellen möchten.
    DB_Flow_ClickFlow

  3. Während der Auswahl des Elements wird, wenn Whatfix das Element als schwach erkennt, eine Warnmeldung im Studio angezeigt.
    warning message visual cues.png

your title goes here
  • Whatfix wählt automatisch relevante CSS-Selektoren aus, um eindeutige Eigenschaften zu Ihrem Element hinzuzufügen. Dies stellt sicher, dass nur das richtige Element ausgewählt wird.
  • Wenn Whatfix keine eindeutigen Eigenschaften für das ausgewählte Element erkennen kann, wird eine Fehlermeldung in Studio angezeigt. Sie können entweder mit dem schwachen Element fortfahren, das Element erneut auswählen oder den Support kontaktieren.
    error message visual cues .png
  • Wenn Sie mit dem schwachen Element fortfahren, speichert Whatfix die relevanten schwachen Metadaten des Elements und lässt Sie mit der Erstellung von Inhalten fortfahren. Allerdings können Schritte, die auf solchen Elementen erstellt wurden, während der Inhalt wiedergegeben wird, Probleme haben.
  1. Wenn Sie mit dem ausgewählten Element fortsetzen möchten, klicken Sie auf Element bestätigen, andernfalls wählen Sie das Element erneut aus.
    visual cues confirm element.png

  2. Wenn Sie die zusätzlich hinzugefügten Eigenschaften des Elements bearbeiten möchten, klicken Sie auf Ausgewählte Eigenschaften bearbeiten.
    visual cues edit selected properties.png

your title goes here

Stellen Sie sicher, dass Sie die Eigenschaften nur bearbeiten, wenn Sie mit CSS-Selektoren und dynamischen Eigenschaften vertraut sind. Diese erscheinen als eine Zeichenkette aus zufällig generierten Zeichen und können von einem Browser zum anderen unterschiedlich sein. Es ist am besten, solche Eigenschaften zu vermeiden, um Inhaltefehler zu verhindern.

  1. Klicken Bearbeiten.
    visual cues edit.png

  2. Wählen Sie aus der Liste der CSS-Selektoren alle aus, die zutreffen.
    visual cues select elements.png

your title goes here

Whatfix ermöglicht es Ihnen, nur die Selektoren auszuwählen, die Sie zum Schritt hinzufügen möchten. Diese können nicht geändert werden, da sie Teil der Schrittmetadaten sind.

  1. Sobald die Stärke des ausgewählten Elements stark ist, klicken Sie auf Element bestätigen.
    visual cues edit confirm element.png

  2. Beenden Sie das Erstellen Ihres Inhalts/Widgets wie gewohnt.


War dieser Artikel hilfreich?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.