Search code examples
angularjsfirefoxbfcache

How to force Firefox to bypass BFCache for Angular.JS partials?


I'm working on an Angular.js page and making changes to an html 'partial'. Refreshing the page causes Firefox to correctly re-request the main html page from the server, but subsequent 'partial' templates that are rendered client-side are never re-requested and instead grabbed from the BFCache, so changes to those files aren't detected.

Screenshot from Firebug: BFCache firebug screenshot

I can confirm via the development server (Django) that those partials are never requested.

I've tried every kind of refresh, including the Reload Plus extension.


Solution

  • These are less than ideal, but two options appear to address the problem.

    One is the Clear Cache addon, which can be configured to clear disk and memory cache and reload the current tab. I'm not sure if this clears the cache completely or just for the current tab's domain, but it's probably the entire cache.

    The other is to disable the browser cache in firebug:firebug disable cache

    I'm not sure if this simply disables the cache for the current page, current domain, or everywhere.

    It'd still be nice to have a 'Reload this page and everything referenced by this page' option.