Forcer le rechargement / rafraîchissement en appuyant sur le bouton de retour

Le "fb-cache" peut être vraiment ennuyeux. Voici un simple javascript moyen de contourner cela:

window.onpageshow = function(evt) {
    //If persisted then it is in the page cache, force a reload of the page.
    if (evt.persisted) {
        document.body.style.display = "none";
        location.reload();
    }
};

Testé dans Safari 6 et IE10.

Heureusement, nous n'avons pas à prendre en charge les navigateurs ci-dessous IE10, donc si vous êtes prêt ou qui ont la chance de ne soutenir que les navigateurs HTML5, la suivante devrait fonctionner:

/*
 * The following is intentional, to force Firefox to run 
 * this JS snippet after a history invoked back/forward navigation.
 */
window.onunload = function(){};    

function formatTime(t) {
    return t.getHours() + ':' + t.getMinutes() + ':' + t.getSeconds();
}

if (window.history.state != null && window.history.state.hasOwnProperty('historic')) {
    if (window.history.state.historic == true) {
        document.body.style.display = 'none';
        console.log('I was here before at ' + formatTime(window.history.state.last_visit));
        window.history.replaceState({historic: false}, '');
        window.location.reload();
    } else {
        console.log('I was forced to reload, but WELCOME BACK!');
        window.history.replaceState({
            historic  : true,
            last_visit: new Date()
        }, '');
    }
} else {
    console.log('This is my first visit to ' + window.location.pathname);
    window.history.replaceState({
        historic  : true,
        last_visit: new Date()
    }, '');
}

Bien, voici le code sans commentaires et flab:

window.onunload = function(){};

if (window.history.state != null && window.history.state.hasOwnProperty('historic')) {
    if (window.history.state.historic == true) {
        document.body.style.display = 'none';
        window.history.replaceState({historic: false}, '');
        window.location.reload();
    } else {
        window.history.replaceState({historic  : true}, '');
    }
} else {
    window.history.replaceState({historic  : true}, '');
}

Bâton que juste avant votre balise body de clôture, et vous aurez une assez propre solution.

Cela fonctionne avec n'importe quelle combinaison de arrière/avant d'être cliqué, et le moment où l'utilisateur tombe sur une nouvelle page, pas forcé de rechargement va se produire.

Lire plus sur l'Histoire de l'objet sur MDN:

MDN - L'Histoire de l'Objet

MDN - Manupulating l'Historique du Navigateur

voici une solution que jai utilisé dans certaines de mes pages. ajoutez à cela des pages que des modifications sont apportées au.

window.onbeforeunload = function() {
     window.name = "reloader"; 
        }

cela déclenche lorsque vous quittez ces pages. vous pouvez également déclencher si certains changements ont été apportés. de sorte qu'il n'y inutilement recharger la page de rechargement.
ensuite, sur les pages que vous souhaitez obtenir rechargé sur le après un "précédent" du navigateur utiliser.

if (window.name == "reloader")
      {
        window.name = "no";
        reloadPage(); 
      }

cela va déclencher un rechargement de la page vous avez besoin de rechargement...
espérons que cela aide 🙂
oh btw c'est en js.

C'est la solution que j'ai utilisé:

<?php
session_start();
if (!$_SESSION['reloaded']) {$_SESSION['reloaded'] = time();}
else if ($_SESSION['reloaded'] && $_SESSION['reloaded'] == time()) { ?> 
<script> 
location.reload(); 
</script> 
<?php } ?>

faire une case caché et l'utilisation de code ci-dessous(coffeescript)

window.location.reload()  if $("#refreshCheck")[0].checked
  $("#refreshCheck")[0].checked = true

J'utilise jquery et php script pour forcer le chargement sur le bouton retour. De la fenêtre.décharger une partie est uniquement nécessaire dans firefox. Le outcommented délai d'attente de 1 seconde et le corps append partie est uniquement à des fins d'illustration de la fonctionnalité. de la fenêtre.emplacement.reload(true) donne le même résultat que la fenêtre.emplacement.href = fenêtre.emplacement.href;

jquery:

<script>
    $(window).unload(function() {});


        $.get('h.php',function(data){
            if($.trim(data)=='first'){
               //$('body').append(data)
               //setTimeout(function(){
               window.location.href = window.location.href;
               //},1000)
            }
            else {
                //$('body').append(data)
            }
        });

</script>

h.php:

<?php session_start(); ?>
<?php 
if(!$_SESSION['reloaded']){
    echo 'first';   

    $_SESSION['reloaded']=1;
}
else {
    echo 'second';
    unset($_SESSION['reloaded']);   
}
?>