La Force de Firefox pour Recharger la Page sur le Bouton de Retour

Comment faites-vous Firefox réexécutez le javascript et le rechargement complet de la page lorsque l'utilisateur appuie sur le bouton retour? J'ai été en mesure de le faire dans tous les navigateurs, sauf Firefox à partir de l'aide de l'autre DONC, la question en ajoutant ce code:

history.navigationMode = 'compatible';
$("body").unload(function(){})

Et aussi l'ajout d'une iFrame... Mais cela ne fonctionne pas dans Firefox. Est-il rien à faire?

InformationsquelleAutor Lance Pollard | 2010-08-21
  1. 9

    ajouter cette entre vos balises d'en-TÊTE

    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
    InformationsquelleAutor jknair
  2. 8

    Dans mon cas, après la finale de l'utilisateur de Poster ses nouvelles données sur le serveur, il est redirigé vers une autre page. Mais lorsque le dernier utilisateur d'appuyer sur le bouton de retour, le formulaire est pré-rempli avec les données anciennes. Ainsi, recharger la page est nécessaire.

    J'ai fait une solution de contournement pour Firefox et une autre pour Google Chrome. Ils ont un comportement différent pour afficher les pages mises en cache.

    Cela permettra d'empêcher Firefox de cache de la page et le bouton retour de la page à partir du serveur.

    window.onunload = function(){};

    Mais Google Chrome le faire d'une autre manière, et que la solution ci-dessus ne fonctionne pas pour moi. J'ai donc fait une autre solution de contournement pour Chrome. J'ai fait un drapeau qui marque le formulaire sale.

    En haut de <head>, avant de charger quoi que ce soit, j'ai vérifier le cookie

    if(document.cookie.match(/my-form=dirty/)) {
  document.cookie = "my-form=; expires=-1; path="+document.location.pathname;
  window.location.reload();
}

    Avec l'aide de jQuery, j'écris les cookies lorsque l'utilisateur de modifier quelque chose

    $(document).load(function(){
  $(':input').change(function(){
    document.cookie = "my-form=dirty; expires=86400000; path="+document.location.pathname;
  })
})

    Bon à savoir:

    • de la fenêtre.onunload=function() {} a fonctionné pour moi en conjonction avec Angulaire. L'ajout de balises meta comme dans la réponse précédente n'avait pas.
    InformationsquelleAutor Fabio Montefuscolo
  3. 4

    Cette solution a fonctionné pour moi (et je crois que c'est un peu plus simple que les autres solutions proposées):

        $(window).bind('pageshow', function() {
        //This event is called only by FireFox. Because Firefox doesn't reload the page when the user uses the back button,
        //or when we call history.go.back(), we need to force the reload for the applicatino to work similar to Chrome and IE (11 at least).

        //Doc: https://developer.mozilla.org/en-US/docs/Listening_to_events_in_Firefox_extensions
        location.reload();
    });

    J'ai appeler ce code à chaque chargement de page, si le navigateur est FireFox. (Pour savoir si le cours d'exécution navigateur est Firefox, voir ici).

    • Je travaille 😉 Merci
    • Désolé, mais c'est une boucle. Quelle est l'idée?
    InformationsquelleAutor Yngvar Kristiansen
  4. 3

    De référence, qui navigationMode propriété ne s'applique qu'à l'Opéra, c'est juste que IE et les navigateurs Webkit ont déjà le comportement de l'interlocuteur voulait.

    IE Webkit et faire ce que l'Opéra serait d'appeler "compatible" de navigation. Firefox fait ce que l'Opéra serait d'appel "rapide" de navigation. Mais c'est seulement dans l'Opéra que ce comportement est en fait contrôlable.

    InformationsquelleAutor brothercake
  5. 0

    Rien de tout cela a fonctionné pour moi. Je le fais par le biais de cookies vérification - je importer des jsp (source ci-dessous) en tête de la partie de la page, puis-je appeler refreshOnBack dans .

    <%@ page import="java.util.UUID" %>
<script>
    var REFRESH_PAGE_COOKIE_NAME="refreshPage_";
    var PAGE_REFRESH_GUID = "<%out.print(UUID.randomUUID().toString());%>";  
    /* To force refresh of page when user or javascript clicks "back",
     * put call to this method in body onload function - NOT THROUGH JQUERY 
     * as jquery onload is not called on history back.
     * In must be done via <BODY onload="...">
     */
    function refreshOnBack(){
        //Alghoritm uses cookies to check if page was already loaded.
        //Cookies expiration time is not set - will be gone after browser restart.
        //Alghoritm:
        //is cookie set? 
        //-YES - reload;
        //-NO - set it up;
        //Cookie contains unique guid in name so that when page is regenerated - it will not reload.
        var cookieName = REFRESH_PAGE_COOKIE_NAME + PAGE_REFRESH_GUID; 
        if(getCookie(cookieName)=="Y"){
            window.location.reload();
        } else {
            setCookie(cookieName,"Y");
        }
    }   
</script>
    • comment appelez-vous refreshOnBack?
    InformationsquelleAutor Marcin Junger
  6. 0

    Je pense que la réponse que vous pourriez voulez, c'est ici: https://stackoverflow.com/a/5493543/1475148

    TLDR: HTTPS + Cache-Control: must-revalidate comme un serveur a envoyé d'en-tête + Expires en-tête ensemble dans le passé devrait le faire fonctionner. Voici un exemple d'implémentation PHP:

    <?php

$expires = gmdate( 'D, d M Y H:i:s', time() - 1 );

header( 'Cache-Control: must-revalidate' );
header( "Expires: {$expires} GMT" );

?>
<!DOCTYPE html>
<html>
    <head>
        <title>Auto-reloading page</title>
    </head>
    <body>
        <p>The current day is <?php echo date( 'd, F Y'); ?> and the time is <?php echo date('H:i:s'); ?>.</p>
        <p><a href="http://google.com">Click away</a></p>
    </body>
</html>
    • Ne fonctionne pas sous FF 18.0.2
    InformationsquelleAutor Aaron Gustafson
  7. 0

    Si votre utilisation de c# .Net, vous pouvez le manipuler sur la page de la charge ou de l'événement init par programme

    Response.Cache.SetExpires(DateTime.Now.AddSeconds(-1));
Response.Cache.SetCacheability(HttpCacheability.Public);
Response.Cache.SetValidUntilExpires(false);
Response.Cache.VaryByParams["*"] = true;

    Pour plus d'informations, consultez la Réponse.Cache MSDN à l'adresse:
    http://msdn.microsoft.com/en-us/library/system.web.httpresponse.cache(v=vs. 110).aspx

    InformationsquelleAutor Pseudyx
  8. 0

    Ajouter ceci à votre fichier. Nettoyer votre cache avant.

    <?php
 header("Cache-Control: private, no-store, max-age=0, no-cache, must-revalidate, post-check=0, pre-check=0");
 header("Pragma: no-cache");
 header("Expires: Sat, 26 Jul 1997 05:00:00 GMT");
?>

    ajouter des en-têtes en javascript, veuillez lire ce qui suit.

    https://developer.mozilla.org/en-US/docs/Web/API/Headers/append

    InformationsquelleAutor khan