Category ""
ADVERTISING
For those struggling with back button and "re-opening closed tab" caching as I am, have a look at this answer from another question. It's hacky, but no header-based solution was working for me and for my purposes this little JS snippet is great (easy to convert to plain JS).
Fortunately, developers can leverage meta HTML tags to control caching behaviour, ensuring users receive the latest content promptly. This article explores the significance of browser caching and demonstrates the use of meta HTML tags to enhance web speed.
Definition and Usage The http-equiv attribute provides an HTTP header for the information/value of the content attribute. The http-equiv attribute can be used to simulate an HTTP response header.
HTML meta http-equiv özelliği kullanımı, örnekleri.
1） 打开新窗口 值为private、no-cache、must-revalidate，那么打开新窗口访问时都会重新访问服务器。 而如果指定了max-age值，那么在此值内的时间里就不会重新访问服务器，例如： Cache-control: max-age=5 (表示当访问此网页后的5秒内再次访问不会去服务器) 2） 在地址栏回车 值为private或must-revalidate则只有第一次访问时会访问服务器，以后就不再访问。 值为no-cache，那么每次都会访问。 值为max-age，则在过期之前不会重复访问。 3） 按后退按扭 值为private、must-revalidate、max-age，则不会重访问， 值为no-cache，则每次都重复访问.
Specifies a delay in seconds before the browser automatically reloads the document. Optionally, specifies an alternative URL to load, making this command useful for redirecting browsers to other pages. INDEX: search engine robots should include this page. FOLLOW: robots should follow links from this page to other pages.
12 Putting caching instructions into meta tags is not a good idea, because although browsers may read them, proxies won't. For that reason, they are invalid and you should send caching instructions as real HTTP headers.
If you must have completely valid code then consider doing this on the server level by setting HTTP header. As a note, Microsoft says, If both of these instructions are sent (meta and HTTP), the developer's preference (meta element) takes precedence over the web server setting (HTTP header).
To use cache-control in HTML, you use the meta tag, e.g. The value in the content field is defined as one of the four values below. Some information on the Cache-Control header is as follows. HTTP 1.1. Allowed values = PUBLIC | PRIVATE | NO-CACHE | NO-STORE. Public - may be cached in public shared caches.
Complete List of HTML Meta Tags. GitHub Gist: instantly share code, notes, and snippets.