浏览器缓存持续增长的问题通常出现在使用Angular框架开发的渐进式网络应用程序（PWA）中。这是因为PWA使用Service Worker来缓存应用程序的资源，以便在离线状态下提供基本的功能。

然而，由于PWA的特性，每次应用程序更新时，新版本的文件将被缓存，而旧版本的文件仍然保留在缓存中。这导致了浏览器缓存不断增长的问题。

要解决这个问题，可以使用以下方法之一：

1. 版本控制：在每次应用程序更新时，更新缓存的版本号。这可以通过在Service Worker文件中添加一个版本号变量，然后在注册Service Worker时更新该变量。这将导致浏览器将旧版本的缓存文件视为过时并将其删除。

// service-worker.js

const cacheName = 'my-app-v1';

self.addEventListener('install', (event) => {
  // Cache static assets
  event.waitUntil(
    caches.open(cacheName).then((cache) => {
      return cache.addAll([
        '/index.html',
        '/styles.css',
        '/script.js'
      ]);
    })
  );
});

self.addEventListener('activate', (event) => {
  // Delete outdated caches
  event.waitUntil(
    caches.keys().then((cacheNames) => {
      return Promise.all(
        cacheNames.filter((name) => {
          return name !== cacheName;
        }).map((name) => {
          return caches.delete(name);
        })
      );
    })
  );
});

2. 缓存清理策略：在Service Worker文件的activate事件中，可以添加一个缓存清理策略。例如，可以使用LRU（最近最少使用）策略，即删除最近最少使用的缓存文件，以便为新文件腾出空间。

// service-worker.js

const cacheName = 'my-app-v1';
const maxCacheSize = 50;

self.addEventListener('install', (event) => {
  // Cache static assets
  event.waitUntil(
    caches.open(cacheName).then((cache) => {
      return cache.addAll([
        '/index.html',
        '/styles.css',
        '/script.js'
      ]);
    })
  );
});

self.addEventListener('activate', (event) => {
  // Delete outdated caches and apply cache cleaning strategy
  event.waitUntil(
    caches.keys().then((cacheNames) => {
      return Promise.all(
        cacheNames.filter((name) => {
          return name !== cacheName;
        }).map((name) => {
          return caches.delete(name);
        })
      );
    }).then(() => {
      caches.open(cacheName).then((cache) => {
        return cache.keys().then((keys) => {
          if (keys.length > maxCacheSize) {
            cache.delete(keys[0]);
          }
        });
      });
    })
  );
});

使用以上方法之一，可以防止浏览器缓存持续增长的问题，并确保只保留最新的应用程序文件在缓存中。