Wie kann ich während des Entwickelns das Laden der Seite blockieren, bis die Anzeige beendet ist?

Question

Hier ist ein typischer Arbeitsablauf:

1. bearbeiten JS-Datei
2. Datei speichern, beginnt watchify automatisch für mich
3. Alt-Tab-Browser
4. ctrl + R Wiederaufbau Seite

nachladen

Das ist toll, außer wenn watchify länger dauert als die Schritte 3 und 4, es ist nervtötend, weil Sie entweder den veralteten Code oder einen Fehler bekommen.

Gibt es eine einfache Möglichkeit zu garantieren, dass dies nie passiert? Wie kann ich meinem Server signalisieren, dass er einen weiteren Sekundenbruchteil warten soll, bevor er versucht, die angeforderte Seite zu laden? Wenn so etwas nicht existiert, wie gehen Menschen in der Praxis mit diesem Problem um?

Ich muss bei Googeln saugen, weil ich nicht sogar Leute über dieses Problem reden finden außer this, die sagt "Hinzufügen eines einfachen (Node-based) Servers, der auf Anfragen blockiert, bis die Uhr ausgeführt wird: dies würde vermeiden das immer frustrierende Phänomen, die Seite neu zu laden, nur um die Uhr zu finden, ist noch nicht ganz gelaufen. " - aber leider ist das ein Eintrag in einer Todo-Liste, nicht etwas, das in diesem Repo existiert.

Answer 1

Wenn Sie Grunt oder Gulp verwenden, können Sie die live reload plugin verwenden.

Oder Sie können eine beep spielen, wenn die Aufgabe abgeschlossen ist, so dass Sie wissen, wann die Seite neu geladen werden soll.

Auch kann es sich lohnen, livereloadify zu betrachten.