html iframe清单代理，避免主页缓存

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html iframe清单代理，避免主页缓存相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html manifest="manifest.appcache">
  <body>
    <script>
      (function (root) {
        // Local variables
        var parent = root.parent,
            location = root.location;
        // Add event when root is loaded
        root.addEventListener('load', function onRootLoad() {
          var appCache = root.applicationCache;
          if (appCache) {
            appCache.addEventListener('cached', function onCached() {
              detachIframe();
            });
            appCache.addEventListener('noupdate', function onNoUpdate() {
              detachIframe();
            });
            appCache.addEventListener('updateready', function onUpdateReady() {
              location.reload();
            });
          } else {
            // ApplicationCache is not supported
          }
        });
        /**
         * Detach iframe from parent context
         * @return {void}
         */
        function detachIframe() {
          if (parent && parent !== root) {
            var parentDoc = parent.document,
                proxy = parentDoc.querySelector('[data-manifest-proxy]');
            if (proxy) {
              proxy.parentNode.removeChild(proxy);
            } else {
              // Unable to find #manifest-proxy element
            }
          } else {
            // Iframe parent context is not defined
          }
        }
      }(this));
    </script>
  </body>
</html>

以上是关于html iframe清单代理，避免主页缓存的主要内容，如果未能解决你的问题，请参考以下文章

Linux squid 缓存服务器

Linux下squid代理缓存服务环境部署

在网站前面使用反向代理将 http 请求从 iframe 中重定向到网站

HTML框架IFrame结合JS在主页面和子页面间传值

主页面获取iframe 的子页面方法。

跨域IFRAME自适应高度(子页面TAB切换不同的高度，主页面IFRAME嵌套子页面自适应高度)