How to cache history.back like Safari in other browsers?

I want

history.back()

to be ca开发者_StackOverflow中文版ched like Safari naturally does.

But this does not happen in other browsers

How can I implement safari like cache of history.back() in other browsers?

Your can cache the page resources in 'localStorage', but most modern browsers already do something similar(and better). Despite this native browser cache, the code generated from these resources takes a while to be calculated and applied. You can give a little help to the browser structuring your website pages this way:

<script>
    if(!localStorage[location.pathname]) {
        //load this page from server
        localStorage[location.pathname] = getGeneratedPage();
    } else {
        body.innerHTML = parseGeneratedPage(localStorage[location.pathname]);
    }    
</script>

This is just a VERY generic example. The getGeneratedPage could be a function which stores ONLY:

• The DOM tree after page load
• CSS rules matched for this page
• JS functions which have at least one listener
• Base64 Images(only recommended for small images or previews of big images)
• etc

Also, you can make a server-side version of this or something like Opera Turbo. Well, there are countless ways to make your page load in the blink of an eye. Hope it helps.