Wie kann ich die vorherige URL in JavaScript zuverlässig abrufen?

Ermitteln der vorherigen URL in JavaScript

In JavaScript kann es schwierig sein, die zuvor von einem Benutzer besuchte URL zu ermitteln. Es können jedoch mehrere Ansätze verwendet werden.

Verwendung von document.referrer:

Die Eigenschaft document.referrer stellt die URL der vorherigen Seite bereit, wenn der Benutzer zur aktuellen Seite navigiert ist Seite über einen Hyperlink. Es kann wie folgt abgerufen werden:

console.log("Previous URL: " + document.referrer);

Einschränkungen von document.referrer:

• Es ist unzuverlässig, wenn der Benutzer die URL direkt in die Adresse eingibt bar oder sendet ein Formular.
• Es ist in einigen sicherheitsbewussten Browsern nicht zugänglich, z Safari.

Verlaufsverwaltung mit window.history:

window.history ermöglicht die Bearbeitung des Browserverlaufs, bietet jedoch keinen direkten Zugriff auf URLs. Das Objekt „history.state“ kann jedoch zum Speichern einer benutzerdefinierten URL-Eigenschaft verwendet werden:

history.state = { prevUrl: location.href };

Dann können Sie sie auf der vorherigen Seite abrufen:

const prevUrl = history.state && history.state.prevUrl;

Sonstiges Ansätze:

• Cookies: Das Setzen eines Cookies zum Speichern der vorherigen URL ist Eine praktikable Option, erfordert jedoch zusätzliche serverseitige Logik.
• Parameterverfolgung: Hängen Sie einen Parameter an die aktuelle URL an, die die vorherige URL enthält. Diese Methode kann jedoch die URL überladen, wenn der Benutzer navigiert häufig.

Sicherheitsüberlegungen:

Die Bereitstellung des Zugriffs auf die vorherigen URL-Erhöhungen Sicherheits- und Datenschutzbedenken bestehen, da es böswilligen Websites ermöglichen könnte, den Browserverlauf der Benutzer zu verfolgen. Daher haben Browser Einschränkungen für die URL-Zugänglichkeit eingeführt.

Das obige ist der detaillierte Inhalt vonWie kann ich die vorherige URL in JavaScript zuverlässig abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!