Dropdown Menü mit den DevTools analysieren

    Hallo Leute!
    Weiß jemand von euch, wie ich es schaffen kann, mit den DevTools (Chromium), ein Dropdown Menü zu untersuchen, welches auf mouse-over reagiert?
    Zwar kann ich das Menü bei mouse-over sichtbar machen und dann auf "untersuchen" klicken, aber sobald ich dann mit dem Mauszeiger das Menü verlasse, ist es natürlich nicht mehr sichtbar.
    Gibt es da einen Trick?

    Danke! :)

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Du musst dann im angezeigten HTML-Code die richtige Stelle finden.

    PS: der Firefox macht das etwas besser.

    Danke für den schnellen Kommentar! Allerdings: sorry, verstehe die Antwort nicht.
    Ich möchte, dass das Dropdown Menü aufgeklappt bleibt, damit ich in Ruhe die einzelnen Elemente darin untersuchen kann.

    Zitat von mayiask

    Ich möchte, dass das Dropdown Menü aufgeklappt bleibt


    Das geht aber nicht immer, zumindest nicht bei DropDown's mit Hover-Effekt. Wenn du aber auf einen Menü-Punkt mit der rechten Maustaste klickst, dann geht das Drop-Down-Menu zwar weg, aber ein Klick auf "Untersuchen" springt trotzdem noch zu der richtigen Stelle in den Dev-Tools (zumindest im Firefox).

    Wenn ein Dropdown-Menu per CSS gesteuert wird, kannst DU den Hover-Effekt auch in den Einstellungen im DevTool setzen. Siehe: https://i.sstatic.net/NwulC.png - oben rechts auf hover, danach hover anhaken. Vorher ein Element aus dem Menu anklicken natürlich. Geht bei Firefox genau so.

    Bei JavaScript-basierten Menüs ist das leider nicht so einfach machbar, da müsste man deren JavaScripts näher untersuchen und schauen was sie machen um das Menü anzuzeigen.

    welches theme ist im einsatz? einige themes bieten auch die einstellung das menü von "hover" auf "click" umzustellen. wäre mal eine suche in den einstellungen wert. :)

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    @threadi hover klicken bringt nichts, also nach deiner Aussage habe ich dann wohl ein JS Menü
    (Dein Link funktioniert nicht. Nur zur info. Ich benötige die Abb. nicht).

    @DummyGirl Gute Idee. Hätte man auch selbst drauf kommen können. Mein Theme hat diese Funktion!

    Eine allgemeingültige Lösung habe ich damit leider nicht, aber zumindest eine für diesen speziellen Fall.
    Allen Kommentatoren vielen Dank! :)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden