Ich benutze den Chrome-Inspektor, um zu versuchen, die z-index eines Twitter-Bootstrap-Popovers zu analysieren, und finde es extrem frustrierend...
Gibt es eine Möglichkeit, das Popover (während es angezeigt wird) einzufrieren, damit ich das zugehörige CSS bewerten und ändern kann?
Das Platzieren eines festen 'hover'-Effekts auf dem zugehörigen Link lässt das Popover nicht erscheinen.
Ich habe einen anderen Weg gefunden, um das zu tun.
Wenn Ihr Element durch einen Klick auf eine Schaltfläche angezeigt wird und dann verschwindet, wenn der Fokus entfernt wird, klicken Sie einfach mit der rechten Maustaste auf die Schaltfläche, kopieren Sie den Selektor und gehen Sie dann zum Elements-Panel in den Dev-Tools und drücken Sie Esc, um gleichzeitig die Konsole zu öffnen.
Klicken Sie dann erneut mit der rechten Maustaste auf die Schaltfläche und "Inspektion", um diesen Teil des HTML-Dokuments anzuzeigen.
Gehen Sie zurück zu Ihrer Konsole und lösen Sie manuell das Klickevent aus: document.querySelector('#deinButtonSelektor').click()
Dann wechselt es in den gewünschten Zustand, während Ihr Fokus auf den DevTools liegt, und Sie können im Elements-Panel herumklicken, ohne dass es verschwindet. Ich hoffe, das hilft!
Es gibt eine Chrome-Erweiterung, die Ihnen hilft, den DOM sofort einzufrieren, um zu debuggen und zu validieren. https://chrome.google.com/webstore/detail/freeze-dom/onekmnelbichmlnmkecckkjjljifhefg
Wie man es benutzt:
CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.
