[Software] Vorschauproblem des Live Preview bei VS Code

[Rubberhead]

Hallo zusammen,

in meinem VS code habe ich Live Preview als Erweiterung installiert. Sobald die HTML-Seite in der Vorschau länger wird, als der Bildschirm zulässt, springt die Vorschau immer nach oben an die erste Stelle. Das ist sehr störend, besonders wenn man bei der Eingabe beobachten will, wie das Coden sich in der Vorschau verhält. Ständig ist man am nach unten scrollen.

Die unten angegebenen Erweiterungen habe ich schon länger installiert. Irgendwann fing Live Preview an, sich so wie oben beschrieben zu verhalten. Auch beim sehr ähnlich funktionierenden Live Server springt die Ansicht.

Kennt jemand das Problem? Bin für jeden Tipp dankbar, da es schon länger nervt.

Ich code in Windows 11 und habe folgende Erweiterungen zusätzlich installiert:

- Auto Rename Tag
- German Language Pack for Visual Studio Code
- HTMLHint
- Live Preview
- Live Server
- Prettier - Code formatter
- SQLite

 

[Sempervivum]

Ich selber bin etwas skeptisch gegenüber solch einer eingebauten Vorschau. Habe hin und wieder gelesen, dass das, was sie anzeigt, nicht mit einem aktuellen Browser übereinstimmt.
Ich setze statt dessen auf die Anzeige meines Browsers und verzichte auf den Komfort der sofortigen Kontrolle.

 

[Rubberhead]

Danke für die Antwort. Leider bringt sie mich nicht weiter. Ich code nun mal in dieser Art und würde gern das Springen der Vorschau. vermeiden.

 

[msi]

Dann wirst du wohl mit den Nachteilen leben müssen, denn diese Live-Previews sind nur Krücken und unterschiedliche Browser kannst du damit auch nicht testen. Nur im Browser siehst du das tatsächliche Ergebnis deines Codes.

 

[ThomasF]

mit VS Code übe ich noch, aber:
Die VS Code Erweiterung 'Live Server (Five Server)'von Yannick öffnet bei mir einen Tab im Browser (Edge).
Die VS Code Erweiterung 'Live Server' von Ritwick Dey öffnet ebenso einen Tab im Browser (Edge).
Edge ist in der settings.json als CustomBrowser eingestellt. Es lässt sich jeder andere instal. Browseer über ein Pull-Down auswählen.

Es sind keine Preview als Zusatzfenster des Editors.

 

[ThomasF]

würde gern das Springen der Vorschau. vermeiden.

in den Einstellungen von Live-Server finde ich "by default LiveServer inject CSS changes without full reloading of browser. You can change this ....."