Maison > interface Web > js tutoriel > Comment puis-je obtenir de manière fiable l'URL précédente en JavaScript ?

Comment puis-je obtenir de manière fiable l'URL précédente en JavaScript ?

DDD
Libérer: 2024-11-28 12:59:11
original
244 Les gens l'ont consulté

How Can I Reliably Get the Previous URL in JavaScript?

Détermination de l'URL précédente en JavaScript

En JavaScript, obtenir l'URL précédente visitée par un utilisateur peut être délicat. Cependant, plusieurs approches peuvent être utilisées.

Utilisation de document.referrer :

La propriété document.referrer fournit l'URL de la page précédente si l'utilisateur a accédé à la page actuelle. page via un lien hypertexte. Il peut être obtenu comme suit :

console.log("Previous URL: " + document.referrer);
Copier après la connexion

Limitations du document.referrer :

  • Il n'est pas fiable si l'utilisateur saisit l'URL directement dans l'adresse barre ou soumet un formulaire.
  • Il n'est pas accessible dans certains navigateurs soucieux de la sécurité, tels que Safari.

Gestion de l'historique avec window.history :

window.history permet de manipuler l'historique du navigateur, mais ne donne pas directement accès aux URL. Cependant, l'objet history.state peut être utilisé pour stocker une propriété d'URL personnalisée :

history.state = { prevUrl: location.href };
Copier après la connexion

Ensuite, vous pouvez la récupérer dans la page précédente :

const prevUrl = history.state && history.state.prevUrl;
Copier après la connexion

Autre Approches :

  • Cookies : Définir un cookie pour stocker l'URL précédente est une solution viable option, mais nécessite une logique supplémentaire côté serveur.
  • Suivi des paramètres : Ajoutez un paramètre à l'URL actuelle contenant l'URL précédente, mais cette méthode peut encombrer l'URL si l'utilisateur navigue fréquemment.

Considérations de sécurité :

Fournir l'accès à l'URL précédente soulève des problèmes de sécurité et de confidentialité, car cela pourrait permettre à des sites Web malveillants de suivre l’historique de navigation des utilisateurs. Par conséquent, les navigateurs ont mis en place des restrictions sur l'accessibilité des URL.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal