Chrome会一直缓存我的旧页面，直到我点击刷新按钮，但下次访问或几天后再来 - 腾讯云开发者社区

文章/答案/技术大牛

发布

浅谈浏览器HTTP的缓存机制

浏览器的强制策略如上述，当下大多数浏览器在点击刷新按钮或按F5时会自行加上“Cache-Control:max-age=0”请求字段，所以我们先约定成俗——后文提及的“刷新”多指的是选中url地址栏并按回车键...然而这并不是问题的全部答案，我们前面提到过，在Chrome中如果点击“刷新”按钮，Chrome会强制给所有资源加上“Cache-Control: max-age=0”的请求首部并向服务器发送验证请求的，...而在文章开头的动图中，我们的确点击了“刷新”按钮，却不见浏览器发去新请求（并返回304）。...关于这个问题其实在组内跟小伙伴们讨论过，通过Fiddler抓包发现，如果关闭Chrome的开发者面板再点击“刷新”按钮，浏览器是会按预期发送验证请求且接收返回的304响应的，另外这个奇怪的情况在不同的网站甚至不同的电脑下出现频率都不一致...那么有这么一个问题——是否有办法在浏览器点击“刷新”按钮的时候不让浏览器去发新的验证请求呢？

9302 0

WordPress记住评论用户信息的js版本，直接操作cookie无视缓存

这两天一直在折腾博客的评论功能，原因是开启了百度云加速的 html 缓存，导致原有的记住评论者信息的功能失效了，每次刷新文章页面，用户信息都会清空。...现在，博客可以放心的开启前台整站 CDN 加速了，用户只要认真提交过一次评论，那么下次再来访问任意页面，将会自动填写评论用户信息。...当中，下次再访问这个页面的时候，将自动填写用户信息，整个过程用户无需干涉。...现在，博客可以放心的开启前台整站 CDN 加速了，用户只要认真提交过一次评论，那么下次再来访问任意页面，将会自动填写评论用户信息。...comments-ajax.js 合并； ③、已记住的网站，如需修改更新用户信息，只需输入新的信息，重新提交一次即可刷新 cookie； ④、如果评论框中存在重置（id 为 reset）的按钮，那么只要点击重置就能清除已保存的用户信息

2.1K5 0

您找到你想要的搜索结果了吗？

是的

没有找到

用自然语言开发Chrome插件？CodeBuddy IDE实测：新手也能30分钟搞定！

引言：Chrome插件开发不再是"技术壁垒"作为一名[资深后端开发工程师，初级前端开发/职场效率工具爱好者]，我一直想开发一款属于自己的Chrome插件，但总被复杂的配置文件、API调用和调试流程劝退。...- Chrome浏览器可能会更新其cookie访问政策二、开发全过程：自然语言指令驱动代码生成提示词：我已确认需求，没有问题，请开始开发然后他就很智能的为我开始生成代码，创建目录，创建文件，创建图标等基本项目创建完成之后...- 点击顶部的刷新按钮可刷新所有平台状态 - 选择导出格式并点击"导出所有Cookie"按钮导出数据这个插件现在功能更加完善，界面更加友好，支持更多平台，并且能够自动检测登录状态和cookie...打开网站功能- 为每个平台添加了"打开网站"按钮- 点击按钮会在新标签页中打开对应平台的网站- 用户可以在新打开的网站中重新登录或刷新页面来更新cookie### 2....**点击按钮**：在新标签页打开对应网站5. **用户操作**：在网站中登录或刷新页面6.

5251 0

和 GPT-4 结队编程开发批量删除 chatGPT 对话插件

但是自己独立写一个有 UI 界面的作品出来给用户使用，一直是个梦想。无奈动手写的成本太高，也尝试过学习前端语言，但是时间精力问题，一直也没成功。...如果点击删除按钮，再点确定，页面会调一个 PATCH 方法，执行删除：我一看，这不是挺简单嘛！...模拟手动点击有一天，我突然想到可以换一种思路，直接模拟页面上的按钮点击。虽然这个方法看起来比较笨，但是实现起来比较简单，也更安全。...最终，GPT-4 通过相对位置（第一个是确认，第二个是取消）来选择按钮： 20230430222600 搞定按钮选择问题后，已经可以模拟点击按钮了，但随后出现了一个大问题： 20230430224716...不过，它建议加一些调试日志，看一下点击删除后，index 会怎么变化。于是，没学过前端的我，也开始上手调试代码。

8472 0

解决 NET::ERR_CERT_DATE_INVALID 错误的 10 种方式

和 Chrome 一样，我们也可以忽略该提示，通过点击高级按钮，接受风险并继续访问。 ?...重新加载页面我们先从最简单的方式尝试：刷新页面，也可以尝试重启浏览器。有时网站只是临时出现异常，建议尝试快速修复，而不是进行不必要的故障排除。...下清除浏览器缓存清除缓存和 Cookie 后，再次尝试重启浏览器并访问页面，查看是否可行。...清除 SSL 缓存如果清除了浏览器缓存也没用，那么可以尝试清除 SSL 缓存。SSL 缓存会存储访问过的站点的证书，这样下次访问的时候能够更快。...点击IPv4 或 IPv6 地址旁边的(+)号按钮。然后输入 DNS 服务器，点击好，再点击应用即可。如果你原本就是使用的谷歌开放 DNS，那么你也可以尝试使用网络供应商的 DNS 服务器。

96.9K2 0

「硬核JS」你的程序中可能存在内存泄漏

DOM 节点的引用，但移除节点的时候，我们应该同步释放缓存的引用，否则游离的子树无法释放。...，则被认为是不可访问（或弱可访问）的，因此可能在任何时刻被回收。...，我们继续操作，先点击小垃圾桶手动执行一次GC，然后点击 1 下页面的 click 按钮，最后再次点击生成快照按钮，生成我们的第二次快照。...，就是因为像这种情况你不清理的话这些全局变量在页面关闭前就一直在内存里，可能大家对构造函数列中有 2 项都是数组有疑问，其实没毛病，一项代表的是 arr 本身，一项代表的是闭包内部引用的数组变量 test...比如全局对象一直增大这个问题，全局对象我们无法避免，但是可以限制一下全局对象的大小，根据场景可以超出就清理一部分。比如闭包引用的问题，不让它引用，或者执行完置空，这都是上面说过的。

1.7K3 0

程序断点

假设上图我只在227行打了个断点，然后一直点击逐语句执行”按钮到229行，这时如果再点击一次“逐语句执行” 则会进入下图的js里：?...我们不可能一直使用“逐语句执行”按钮，这样你会发现你按了大半天还在库文件里面绕，那就该用“逐过程执行”按钮。?...2.在合适的地方打断点后，即可刷新页面了。注意是状态下? 3.1会自动跳到函数内部，然后通过按钮不断按函数顺序执行，每次执行函数之后都能看到相应函数的含义，直到函数执行结束。...3.2有时候刷新无效，本质是断点没有触发事件，那个事件可以是鼠标移入移出点击或点击事件等，所有要在界面中进行对应操作就会跳入断点调试阶段。当然也可能上一个函数有错误，导致程序不能执行到断点位置。...4.分析问题： postsCollected是一个缓存数组，其中每一个新闻的index数据在缓存状态中是独立的使用if(postsCollected)会导致第一次点击后缓存里面就被加入一个index的数值了

2.7K2 0

基于 Next.js 的新博客

减法从 hexo-theme-Hezelitta 就可以看出我其实对功能的丰富性没什么兴趣，一直在反向走。这次主要去除了：分页首页的文章标签（或者是分类？）...首页我觉得像每篇文章都显示然后分页也是效率比较低的做法，我自己的习惯是最多看到页脚，想继续看会直接去归档页，而不是在首页点下一页。于是只在首页显示最新的文章，剩下的放个链接跳转到归档页。...标签这东西我一直认为和分类有冲突，本来是想直接两个一起删掉的，还是留着个分类吧。（其实只是我不会分类和分标签）。...开启“页面压缩”导致了 HTML 变化）手机端 Chrome 文章页没有排版样式，换了个浏览器又有了。跑 PageSpeed Insights 的时候也是有排版样式的。...应该是我手机 Chrome 的问题。（后面发现是 typography 插件用的 CSS 选择器不支持，更新到新版 Chrome 就好了）

1.2K3 0

从零实现的Chrome扩展

不过我们可以有一些简单的方法，来缓解这个问题，我们在开发扩展的最大的一个问题是需要在更新的时候去手动点击刷新来加载插件，那么针对于这个问题，我们可以借助chrome.runtime.reload()来实现一个简单的插件重新加载能力...当然如果我们想在用户主观运行时实现相关能力的常驻，就可以直接chrome.tabs.create在浏览器Tab中打开扩展程序的HTML页面，这样就可以作为前台运行，同样这个扩展程序的代码就会一直运行着。...popup: 这个模块是扩展的弹出层界面，可以通过点击扩展图标在浏览器中弹出，用于显示扩展的一些信息或操作界面。...content: 这个模块可以访问当前页面的DOM结构和样式，可以实现一些与页面交互的操作，但该模块的window与页面的window是隔离的。...inject: 这个模块可以向当前页面注入自定义的JavaScript或CSS代码，可以实现一些与页面交互的操作，例如修改页面行为、添加样式等。

1.5K2 0

页面卡顿？内存泄漏？一文详解如何排查

这是一个非常宽泛而又有深度的问题，他涉及到很多的页面性能优化问题，我依稀还记得当初面试被问到这个问题时我是这么回答的：先会检查是否是网络请求太多，导致数据返回较慢，可以适当做一些缓存也有可能是某块资源的...，如果其一直保存在内存中，最终可能会导致内存占用过多的情况。...然后打开开发者工具，找到Performance这一栏，可以看到其内部带着一些功能按钮，例如：开始录制按钮；刷新页面按钮；清空记录按钮；记录并可视化js内存、节点、事件监听器按钮；触发垃圾回收机制按钮等等....child的节点，虽然点击后，该节点确实从dom被移除了，但全局变量child仍对该节点有引用，所以导致该节点的内存一直无法被释放，可以尝试用Memory的快照功能来检测一下，如图所示： ?...这里做一个解释，图中刚开始出现的蓝色柱形是因为我在录制后刷新了页面，可以忽略；然后我们点击了按钮，看到又出现了一个蓝色柱形，此时就是为fn1函数中的变量largeObj分配了内存，3s后该内存又被释放了

3.4K5 0

实用工具 | 推荐 9 个好用的 Chrome 插件

微信公众号：一个优秀的废人。如有问题，请后台留言，反正我也不会听。最近更新比较佛系，一方面，工作确实有点忙，但是做的都是旧项目。09 年的代码都出来了，贼特么恶心。感觉待不久了。...刚好今天打开 Chrome ，发现自己一直在用的几个很不错的 Chrome 插件，顺手推荐给你们了。...而上面说到的这个插件就可以屏蔽右侧推广，还你们一个干净的百度，比如没装插件，它的页面是这样的：恶心的页面使用方式：点击关闭右侧推广按钮，页面会自动刷新关闭爆百度推广这个时候的网页...Chrome 插件一般都要访问外国网站才能下载到，但是自从这个网站出现以后下载插件不再需要折腾了。...直接访问搜索名称就可以下载到以上所提到的插件。扩展迷首页

8566 0

实用工具 | 推荐 9 个好用的 Chrome 插件

最近更新比较佛系，一方面，工作确实有点忙，但是做的都特么旧项目。09 年的代码都出来了，贼特么恶心。感觉待不久了。另一方面，没想好最近有啥要跟大家分享。...刚好今天打开 Chrome ，发现自己一直在用的几个很不错的 Chrome 插件，顺手推荐给你们了。...而上面说到的这个插件就可以屏蔽右侧推广，还你们一个干净的百度，比如没装插件，它的页面是这样的：恶心的页面使用方式：点击关闭右侧推广按钮，页面会自动刷新关闭爆百度推广这个时候的网页...Chrome 插件一般都要访问外国网站才能下载到，但是自从这个网站出现以后下载插件不再需要折腾了。...直接访问搜索名称就可以下载到以上所提到的插件。扩展迷首页

1.1K2 0

WorkBox 之底层逻辑Service Worker

❝默认情况下，新的service worker直到「下一次导航或页面刷新之前才会开始控制页面」。...如果以后「离线了，就回退到缓存中的最新版本的响应」。这种策略对于HTML或 API 请求非常有用，当在线时，我们希望获取资源的最新版本，但希望在离线时能够访问最新可用的版本。...如果不谨慎地选择要预缓存的资产清单，结果可能会浪费一些数据。「浪费数据是预缓存的一个潜在代价」，但并非每个人都可以访问快速的互联网或无限的数据计划！...强制刷新当在本地开发中使用活动的Service Worker，而不需要更新后刷新或绕过网络功能时，按住 Shift 键并单击刷新按钮也非常有用。...一旦生效，Chrome 将执行自定义存储配额以进行测试。这个子面板还包含一个清除站点数据按钮以及一整套相关的复选框，用于在单击按钮时清除哪些内容。

1.7K2 0

HTTP 缓存最佳实践和 max-age 带来的陷阱

在上面的例子中，服务器实际上已经更新了 HTML、CSS 和 JS，但页面最终使用的是缓存中的旧 HTML 和 JS，以及服务器上更新的 CSS。版本不匹配导致了问题的出现。...如果有些页面不包含 JS，或包含不同的 CSS，过期日期就会不同步。...刷新有时可以解决如果页面是作为刷新的一部分加载的，浏览器总是会与服务器重新验证，而忽略 max-age。因此，如果用户遇到的问题是由于 max-age 导致的，点击刷新就能解决一切问题。...一旦它们被缓存，在下次更新 Service Worker 之前，我们将一直提供不兼容的 CSS 和 JS。...这种模式不能随便使用，如果我在一篇文章中添加了一个新的部分，并在另一篇文章中进行了链接，那么我就创建了一个可能会发生竞争的依赖关系。用户点击链接后，可能会进入一篇没有引用部分的文章。

7742 0

渐进式Web应用入门-ServiceWorker

当用户访问一个注册了 service worker 的页面时，会触发一个叫install事件，所以我们首先对这个事件监听。...首先 run 起你本地的 server(我博客是 jekyll 生成的，所以直接用了 jekyll 服务)，然后 Chrome 右上角三个点，More Tools，Developer Tools。...但如果刷新后还是看不到，这意味着当前打开的页面没有已经被注册的 Service Worker，检查一下注册步骤的js是否被加载了吧。...刷新前注意勾选【update on reload】不然每次刷新都会起一个新的service worker，然后由于是串行执行，会等待前一个执行完，不然得手动点【skipWaiting】。...cacheName 是否和我们声明的 cacheName 同一个，如果不是，就清空缓存池中的无用缓存(install中下载新的缓存，activate 中删除旧缓存)。

9173 0

「硬核JS」你的程序中可能存在内存泄漏

1.3K2 0

清除“请允许观看视频”通知页面的完整指南

此时您应按“是”按钮以终止进程。您的浏览器窗口现在应已关闭。下次打开浏览器时，不要允许浏览器打开上次打开的页面。您现在可以继续下一步。...一旦双击图标，AdwCleaner程序将打开，您将看到程序的许可协议。阅读后，如果您希望继续，请点击“我同意”按钮。否则，点击“我不同意”按钮关闭程序。...要重置Chrome，打开程序并点击窗口右上角的Chrome菜单按钮（）。这将打开Chrome的主菜单。现在点击标有“设置”的菜单选项，这将打开基本设置屏幕。...这将带您到一个故障排除页面。要开始刷新过程，点击“刷新Firefox...”按钮。当您这样做时，将显示一个确认，询问您是否希望执行Firefox刷新。...如果您对此自助指南有任何疑问，请在我们的“我感染了吗？我该做什么？”中发布这些问题，有人会帮助您。

5321 0

0CTF h4x0rs.club12 复现

我去，想都不敢想啊，这该怎么拿。事实证明，我想错了。 h4x0rs.club1 对，真的是想错了，一直在以xss的方式想题。谁能知道第一题竟然是弱口令！...游戏逻辑：点击左下角三角开始，然后在右边的窗格内会显示宠物与选项，还有一个输入框。输入对了就会加分。还好题目已经提示是拿管理员cookie，即xss。...此时发现有奇怪的public与private，即，一定存在其他页面可以访问资料。于是继续看SCOREBOARD，发现是个排行榜，显示着每个人的成绩，后面还有个小捕捉球，可以点击。 ?...因为前端对接收的信息做了验证。 ? 但后端可没有做这个验证。其实大部分开发也是这样，因为后端不一定只给一个网站做后端。故有些站长会忽视掉验证。...此时的我已经奔溃了，真心服！特别服！贼拉拉的服！也就是说，此时我们可以构造一个按钮，放在class为js-difficulty的元素内。

1.8K7 0

约妹子打球却没订到场地？Python自动化帮你搞定

pk 哥之前的文章里介绍过怎么绕过网站的登录的方法：讲讲Python爬虫绕过登录的小技巧（链接可点击跳转），这个项目用了其中一种，启动带有缓存信息的 Chrome 浏览器来绕过图形验证码成功登录当然...Chrome 驱动下载链接： http://npm.taobao.org/mirrors/chromedriver/ 下载对应版本的驱动，放在 Python 安装的根目录下，替换之前旧的驱动即可。...切换新窗口当我们在上面的页面点击立即预订按钮时，浏览器会新打开一个窗口，这时，selenium 还是会停留在上一个页面，我们需要切换到新窗口。...循环判断场地状态这时关键的一步，我们需要判断我们要订的这些场地的状态是否是可预定的，我们需要的场地如果全部不可预订的话，我们就隔一段时间刷新页面，重新判断。如果可以预订，就点击提交订单。...最后，输入你要预订的场地名和预订的星期，调用函数运行即可达到我文章开头的效果。全部代码在我公众号回复「运动」获取。 ?

3.1K4 0

为 vue 项目添加 PWA 支持

Chrome 专有方式对于 PC 或 Android 的 Chrome 浏览器都可以实现点击一个按钮来添加 PWA 应用，其原理是拦截了beforeinstallprompt这一事件，并在自己需要的时候触发...PWA 应用时需要考虑的一个重要问题由于 Service Worker 的更新机制（扩展阅读：【Service Worker】生命周期那些事儿），直接单纯的刷新页面并没有结束当前 session，因此依然是旧的...，例如弹出一个对话框来提示用户点击某个按钮以刷新页面该方法对仅 precache 应用是没有任何影响的但由于 skipWaiting 后新 SW 会立即接管页面，因此如果你更新了 SW 在处理 runtimeCaching...并刷新该方法可以解决方法一的局限性，我们可以先弹出一个对话框询问用户是否要更新，用户同意后再 skipWaiting 并刷新关于这种方法，我只描述大致的思路和做法，因为我没有实际完整地实践过，因为比较复杂麻烦...就会 skipWaiting 但实际情况是，最终生成的 SW 中并没有这一段代码（也并没有放置在其他 js 中），我猜测这可能是因为加入代码的这一特性是 Workbox 4 才加入的，而插件生成的 SW

4.3K0 0

点击加载更多

浅谈浏览器HTTP的缓存机制

WordPress记住评论用户信息的js版本，直接操作cookie无视缓存

用自然语言开发Chrome插件？CodeBuddy IDE实测：新手也能30分钟搞定！

和 GPT-4 结队编程开发批量删除 chatGPT 对话插件

解决 NET::ERR_CERT_DATE_INVALID 错误的 10 种方式

「硬核JS」你的程序中可能存在内存泄漏

程序断点

基于 Next.js 的新博客

从零实现的Chrome扩展

页面卡顿？内存泄漏？一文详解如何排查

实用工具 | 推荐 9 个好用的 Chrome 插件

实用工具 | 推荐 9 个好用的 Chrome 插件

WorkBox 之底层逻辑Service Worker

HTTP 缓存最佳实践和 max-age 带来的陷阱

渐进式Web应用入门-ServiceWorker

「硬核JS」你的程序中可能存在内存泄漏

清除“请允许观看视频”通知页面的完整指南

0CTF h4x0rs.club12 复现

约妹子打球却没订到场地？Python自动化帮你搞定

为 vue 项目添加 PWA 支持

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐