Wie kann ich ein Twitter-Bootstrap-Popover zur detaillierten Überprüfung in Chrome DevTools anhalten?

Einfrieren des Browserbildschirms in Chrome DevTools zur Popover-Prüfung

Beim Analysieren des Z-Index eines Twitter-Bootstrap-Popovers mit den Chrome DevTools, Das Anhalten des Popovers für eine gründliche Inspektion stellt eine Herausforderung dar. In diesem Artikel wird erklärt, wie Sie das Popover einfrieren, sodass Sie dessen CSS überprüfen und ändern können.

Obwohl Sie mit der Maus über den zugehörigen Link fahren, wird das Popover nicht angezeigt. Hier ist eine umfassende Anleitung, um dieses Hindernis zu überwinden:

Anleitung:

1. Navigieren Sie zur Zielwebseite.
2. Starten Sie das DevTools-Bedienfeld ( Drücken Sie F12 unter Windows/Linux oder Opt Cmd J unter macOS).
3. Klicken Sie auf Registerkarte „Quellen“ in Chrome DevTools.
4. Bewegen Sie den Mauszeiger im Webbrowser über das gewünschte Element, um das Popover aufzurufen.
5. Drücken Sie F8 (fn F8 unter macOS), während das Popover angezeigt wird. Beachten Sie, dass für diesen Schritt Ihr letzter Klick im DevTools-Inspektorfenster erfolgen muss, beispielsweise auf der Registerkarte „Quellen“.
6. Navigieren Sie im Inspektor zur Registerkarte „Elemente“.
7. Suchen Sie Ihr Popover sollte im HTML seines Triggerelements verschachtelt sein.
8. Sie können jetzt die CSS-Eigenschaften des frei ändern Popover.

Das obige ist der detaillierte Inhalt vonWie kann ich ein Twitter-Bootstrap-Popover zur detaillierten Überprüfung in Chrome DevTools anhalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!