Angular PWA -为什么浏览器缓存一直在增长？如何阻止它？
Angular PWA（Progressive Web App）是一种使用Angular框架开发的渐进式Web应用程序。它结合了Web应用程序和原生应用程序的优点，可以在各种平台上提供类似原生应用程序的体验。
在使用Angular PWA时，浏览器缓存可能会不断增长的原因有以下几点：
- 版本更新：每次应用程序版本更新时，浏览器会缓存新的文件，但旧版本的文件仍然保留在缓存中，导致缓存不断增长。
- 缓存策略：如果没有正确配置缓存策略，浏览器可能会缓存不必要的文件，例如动态生成的内容或频繁变动的数据。
- 缓存清理：浏览器默认情况下不会自动清理过期的缓存文件，这也会导致缓存不断增长。
为了阻止浏览器缓存不断增长，可以采取以下措施：
- 版本管理：在每次应用程序版本更新时，确保在构建过程中生成新的文件名或版本号，以便浏览器可以正确地缓存新的文件，并清理旧版本的文件。
- 缓存策略：使用合适的缓存策略，例如使用Service Worker来控制缓存的生命周期和更新策略。可以通过配置缓存策略来避免缓存不必要的文件。
- 缓存清理：定期清理过期的缓存文件，可以通过在Service Worker中添加逻辑来实现。可以根据文件的最后访问时间或过期时间来判断是否清理缓存。
总结起来，为了阻止浏览器缓存不断增长，需要正确配置缓存策略、版本管理和定期清理过期的缓存文件。这样可以确保Angular PWA应用程序的性能和用户体验，并避免浏览器缓存过度增长的问题。
关于Angular PWA的更多信息和腾讯云相关产品，您可以参考以下链接：
- Angular官方文档：https://angular.io/
- 腾讯云Serverless Framework：https://cloud.tencent.com/product/sls
- 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
- 腾讯云云存储COS：https://cloud.tencent.com/product/cos
- 腾讯云云函数SCF：https://cloud.tencent.com/product/scf
- 腾讯云API网关：https://cloud.tencent.com/product/apigateway
相关·内容
我想知道有没有一种方法可以管理浏览器缓存，并在Angular PWA应用程序中尽可能地减少缓存。 IOS设备中不断增长的浏览器缓存填满了网站数据的缓存限制，应用程序因此停止工作！
浏览 19提问于2019-08-30得票数 1
现在，当我再次构建我的angular应用程序时，js将有一个新的时间戳版本。有没有一种方法可以比较我的构建版本，如果不匹配，就允许用户从应用程序中注销？
浏览 4提问于2021-01-05得票数 7
1回答
我想把它变成PWA，这样用户就可以脱机工作了。它必须：
对于前两点，它工作得很好:虽然离线，但我仍然可以查阅资源列表。但是POST/PUT/DELETE请求都失败了，
浏览 3提问于2019-10-03得票数 11
回答已采纳
1回答
几种方法之一是缓存数据。所以一切都很好。这是与服务工作者一起尝试的。这对我来说只有在"/public/“文件夹下才有可能，但除此之外，我还想从例如缓存数据。用于缓存更多数据的"/client/“。这有可能从其他文件夹缓存更多的数据吗？更新：我们只在没有互联网连接的intranet中使用此网页。
浏览 3提问于2020-05-06得票数 0
1回答
创建更改服务工作者的缓存策略
、、、、
我使用CRA v4创建了一个PWA模板，并通过注册它启用了它附带的服务工作人员，因为我需要创建一个有关安装PWA的弹出通知。灯塔测试必须通过，应用程序才能兼容PWA，这样浏览器就可以启动beforeinstallprompt事件侦听器来检测用户是否已经安装了PWA。如何更改CRA 4的服务工作人员的缓存策略，使用户只需刷新页面就可以获得新版本的应用程序？
我还想知道为什么默认使用这个cache-first策略。<em
浏览 1提问于2021-05-13得票数 0
我继续点击“ cleared ”按钮，但是只有1mb的数据被清除了(这两个网站都没有文学数据库、缓存或类似的东西)。--应该可以从应用程序的UI中清除它。是的，我甚至不能用浏览器工具手动清除它。如果这个空间不能被释放的话，我认为这对客户体验和技术实现都是一个巨大的问题。所以我的问题是--里面有什么样的数据，更重要的是，我如何从javascript中清除它？因为我已经手动清理了4173和3000端口，没有什么改变。
欢迎任何建议或解决方案。我正在使用"Ms边缘v100“铬基<em
浏览 10提问于2022-05-03得票数 0
理由是，如果更新现有版本，旧版本和新版本不会混合状态和缓存。我同意这个决定。给定单个页面PWA (如Angular)，用户将在其上发现站点和浏览器，但在该会话期间该页面将永远不会被重新加载。
浏览 10提问于2019-11-20得票数 1
2回答
我一直在反复研究这个问题，这个问题很简单:现代浏览器(chrome/ FF)都在缓存内容，其中包括html页面。我已经阅读了大约2000篇关于如何实现这一目标的文章。"meta“标签对我来说都不起作用..然而，如果只是有时需要“清除缓存”(主要是在版本之间)，这真的很烦人，而且维护起来非常困难。
有没有可能浏览
浏览 0提问于2014-07-01得票数 11
我正在把一个，所谓的" PWA“变成一个实际的PWA。我已经成功地获得了一个附加到应用程序的服务工作者，现在我想知道如何对整个应用程序进行预先处理，这样，如果应用程序已经在浏览器中缓存，就永远不需要internet连接来打开它。这应该是可能的，因为应用程序应该驻留在缓存中。然而。在我的应用程序缓存中，我可以看到我的所有字体、图像资产、填充和存储(js)都已被缓存，但没有缓存index.html文件。这就是<
浏览 4提问于2021-09-27得票数 0
回答已采纳
当我在路由服务中使用ngRepeat时，Angular泄漏了DOM元素。你可以在http:&
浏览 0提问于2013-11-22得票数 4
我在我现有的基于Angular 5的web应用中添加了PWA和service worker，在第一个版本上看起来一切正常。然而，当我试图发布更新时，一些奇怪的事情发生了。然而，Safari浏览器通常不会显示新版本。如果我不断刷新页面，新的版本最终会出现，但在我关闭并重新打开它后，它又会再次出现。在我尝试的过程中，我获得新版本的唯一方法是首先手动清除Safari缓存。我知道iOS对PWA的支持是有限的，但这是我们在iOS上能得到的最多吗？如果没有自动更新，iOS用户如何知
浏览 4提问于2018-07-20得票数 18
我一直在学习Angular.JS教程，并且正在学习。该指令阻止浏览器按字面处理角{表达式}标记，并向无效的url /app/ {{ phone.imageUrl}发起请求，如果我们只在常规的src属性()中指定属性绑定，它就会这样做。使用ngSrc指令可防止浏览器向无效位置发出http请求。
因此，它的意思是，img元素需要使用特殊的Angular.JS指令ngSrc，这样才能正确地解析双大括号。但是他们没有解释为什么(一个元
浏览 6提问于2014-02-26得票数 4
回答已采纳
我有一个.Net核心3.1Web应用程序，我一直从.Net获得“访问过期会话”异常，这阻止了我的网站加载。
此时，异常只是加载我的日志，直到web服务器崩溃。让它停止的唯一方法是清除浏览器中的会话cookie，这将允许它生成一个新的
浏览 1提问于2020-10-29得票数 2
回答已采纳
2回答
我在试着做一个有角度的可安装的PWA。服务人员似乎工作正常，它缓存资产，在我禁用互联网时继续工作，等等。因此，我不知道为什么安装提示没有显示，它可以是任何之间的：
浏览 1提问于2021-11-23得票数 1
回答已采纳
我的web应用程序一直在泄漏内存，所以我创建了一个测试网页，看看是否可以找出真正泄漏的是什么。所以我已经得到了这段简单的代码，它可以很快地增加到大约300mb的内存使用量。
浏览 0提问于2011-04-07得票数 1
1回答
角PWA散列文件缓存问题
、、、、
看起来在我的PWA提供了错误的文件之后，我的PWA重新构建了一个新版本。
如您所见，runtime.*.js被用作我的html文档？？现在我知道服务人员会缓存捆绑的文件。但是它为什么要在新的天蓝色构建之后将文件更改为html文档呢？PWA的教程中学到的。-- IIS URL Rewrite for Angular routes --> <rules>
浏览 1提问于2020-03-30得票数 2
例如，在缓存的情况下:如果在缓存中找不到一个对象，则脚本在其键下设置一个特殊值，表示它的值正在计算中，并在完成时写入它。如果在计算时，另一个客户端请求同一个对象，那么脚本将不会重新计算它，而只是等待第一个对象。当然，这是一个简化的解释。我不知道如何正确地做到这一点，但在我看来，这种行为是非常合乎逻辑的。它打断了我的大脑。这完全不是我想象的那样，多年来我一直处于这种错觉之中。我现在还没有找到有关这方面的任何资料。首先，我感兴趣的是如何达到预期的效果。<e
浏览 3提问于2021-03-14得票数 0
回答已采纳
更新2如果我首先删除unlink文件，然后重新创建它(而不是仅仅写在它上)，那么两个浏览器都会看到新版本！(清除浏览器缓存没有帮助，磁盘上的文件不同于在两个浏览器中看到的文件)我试图阻止浏览器缓存我正在提供的XML文件，但它不起作用。当我在计算机上查看文件时，它会显示它正在
浏览 3提问于2013-06-10得票数 2
回答已采纳
1回答
然后，我将PWA添加到我的SPA项目(来自)中，发生了一件奇怪的事情。在我的项目中，我导航到example.com/help，但是它显示了一个404页，而/help路由是用于mddoc项目的！SPA Project domain: example.com于是我在网上搜索并思考了这个问题，我意识到为什么会出现这个问题我想那是因为PWA的服务人员！服务工作者缓存项目的所有文件和资产
浏览 2提问于2020-08-10得票数 4
使用“角度”将应用程序路由到任何所需的html文件，但不明白为什么当我单击“刷新”按钮或F5刷新页面时，它出现了一个错误为404页。一直在播放.htaccess文件，但帮助不大。另一个原因是为什么浏览器保留页面的缓存，有时它不反映我在html文件中所做的更改，它仍然只是显示旧页，在它显示新的html之前，我已经手动清除了缓存。app.js
angular.module('MyApp', [
浏览 3提问于2016-03-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
