jQuery清除浏览器cache

最新推荐文章于 2023-05-06 10:06:20 发布
最新推荐文章于 2023-05-06 10:06:20 发布
阅读量114 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/rand7/p/3663590.html
本文介绍了一种解决浏览器缓存影响JavaScript脚本运行的方法：通过jQuery设置ajax请求不使用缓存。此技巧有助于确保每次请求都能获取到最新的脚本资源。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

很简单的一个东西.

有时候浏览器缓存会影响到一些JS脚本的运行.

运行前加上这句.

1 jQuery.ajaxSetup({cache:false});

 

转载于:https://www.cnblogs.com/rand7/p/3663590.html

使用jQuery消除缓存
git_web425的博客
10-01 549
然而，有时候我们在开发过程中对这些静态资源进行了修改，但是浏览器仍然加载的是旧的缓存版本，导致我们无法看到最新的更改效果。我们可以通过向URL中添加一个随机参数，以确保每个请求都是唯一的，从而绕过浏览器缓存。通过使用上述方法，我们可以确保每次请求静态资源时都会得到最新的版本，而不受浏览器缓存的影响。函数接受一个URL作为参数，并返回一个添加了缓存破坏参数的新URL。在生产环境中，为了提高网站的性能，我们应该使用适当的HTTP缓存策略，并确保静态资源具有适当的过期时间。），那么我们会在其后面添加。
清除浏览器缓存js文件的几种方法
chenqi6368的博客
06-02 1412
关于浏览器缓存 浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。 清理网...
清除Jquery缓存
12-18
清除Jquery缓存语句
js清除浏览器缓存的几种方法
10-20
本文主要介绍了js清除浏览器缓存的几种方法，具有很好的参考价值，下面跟着小编一起来看下吧
前端清除页面缓存的方法
卿本无忧的博客
05-06 7309
前端清除页面缓存的方法
html页面耗内存严重,jQuery(2.0.2)empty()html()内存消耗不断增长
weixin_32521745的博客
06-04 471
我已经在这个问题上苦苦挣扎了3天了,我希望有人能提供一些我尚未遇到的信息,以帮助我(我很绝望！).提供一些背景信息：浏览器：IE9.0.8112.16421(64位); jQuery版本：2.0.2基本上我正在做的是做一个简单的ajax调用并检索一些信息,然后我通过成功处理程序插入一个元素.相关的代码行如下所示：var onLoadViewGroupSuccess = function(data)...
关于angularJs清除浏览器缓存的方法
10-18
3. **AJAX请求**：在jQuery的`$.ajax`配置中设置`cache: false`和`ifModified: true`，防止缓存JSON数据。 4. **URL参数**：在请求的URL后面添加一个随机数或者当前时间戳，例如`?ran=`+Math.random()或`?timestamp...
清除浏览器缓存的几种方法总结(必看)
09-01
例如，`<META HTTP-EQUIV="pragma" CONTENT="no-cache">`、`<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">` 和 `<META HTTP-EQUIV="expires" CONTENT="0">` 这些标签告诉浏览器不要缓存...
jq 清除ajax缓存,js清除浏览器缓存的几种方法
weixin_39984098的博客
08-05 1381
关于浏览器缓存浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。清理网站缓存的几种方法Meta HTTP-EQUIV="pragma" CONTENT="no-cache">...
JQuery data 方法清空缓存
苦逼程序猿
02-06 8837
最近在用jQuery.nestable.js插件做一个菜单排序和添加菜单的功能，在使用nestable的serIalize方法获取数据时总是返回控件第一次加载的值。 跟了源码以后发下了如下代码： 发现，每个li的所有data-*的值是通过jquery的data方法获取的(不清楚data方法作用的同学可以百度下)，而data方法在获取值的时候会判断是否有缓存，如果有就返回缓存里边的值。
微信开发：清除微信浏览器缓存
weixin_30492047的博客
10-23 263
1.安卓系统：打开http://debugx5.qq.com/（可以在微信消息里面打开） 拉到底部勾选，然后清除即可 2.苹果系统：退出账号，重新登录 转载于:https://www.cnblogs.com/yang-shun/p/7676938.html...
h5清理微信浏览器网页缓存
热门推荐
weixin_37937428的博客
11-15 4万+
前言： 缓存这个问题的出现，真真切切的感受到微信浏览器这鬼东西对前端程序员充满了恶意，捋捋自己的发型，甚是恐慌（顿时有种想转php的冲动，有木有）。 解决方案： 出现缓存问题导致用户出现很多车祸现场（还和java叼起来了），因为是上线了的项目，为了不破环生产环境,让客服暂时教用户解决微信缓存问题。 手动清理缓存 微...
jq 前端 清理缓存
chuncui2576的博客
01-11 995
//退出 function logout(){ //aceClear();//清理浏览器 临时信息,去掉，它会重启请求获取菜单然后缓存的，不太好的 window.sessionStorage.clear();// 清除session ...
一个简单的MemoryCache的实现
soapcoder92的博客
05-31 1万+
工作中需要用到内存缓存，最开始打算用个的是.net自带的MemoryCache这么个东西，用的时候发现在服务端有时会莫名其妙的丢失缓存并且丢失后就缓存不上了。本来网上关于使用MemoryCache的不多，一直也没有找到原因和解决办法，所以就自己仿着它写了一个简单的实现。 首先看下目录结构 其中： ChangeMoniter：是缓存对象的过期策略的检测器，包括文件改变监视器（F
js 或者 jQuery 关闭浏览器或清理缓存后存储的内容不被删除
最新发布
04-02
<think>嗯，用户之前问过如何用JS或jQuery获取用户的唯一设备码，现在又问如何关闭浏览器或清理缓存后存储的内容不被删除。看起来他们可能是在开发一个需要持久化用户标识的应用，比如追踪用户行为或者保持登录状态。不过，用户可能对浏览器的存储机制不太熟悉，所以需要详细解释不同存储方式的区别和限制。 首先，用户的需求是即使关闭浏览器或清理缓存，数据仍然存在。但根据浏览器的安全策略，常规的本地存储（如localStorage、sessionStorage、Cookie）在清理缓存后都会被清除。所以需要找到其他方法。 接下来，要考虑可能的解决方案。比如使用更持久的存储方式，比如IndexedDB，但用户主动清理的话，这个也会被删。所以可能需要服务端配合，比如生成持久化的Cookie或者结合浏览器指纹。不过指纹不能存储数据，只能用来识别设备。 然后，用户可能没有考虑到隐私法规的问题，比如GDPR，所以在回答时需要提醒合规性，必须获得用户同意。另外，可能需要结合多种方法，比如本地存储加服务端存储，或者使用浏览器扩展，但扩展需要用户安装，可能不适用所有情况。 还要考虑不同浏览器的行为差异，比如Chrome可能对持久化存储支持较好，但其他浏览器可能不同。此外，Evercookie这类库虽然技术可行，但可能涉及隐私问题，需要谨慎使用。 最后，总结出可行的方案，按持久性排序，并强调没有绝对的方法，同时遵守法律法规。可能需要优先推荐服务端存储用户标识，结合指纹和HTTPS的Cookie，或者使用专业解决方案如Firebase的持久化存储。</think>在浏览器安全策略限制下，**无法实现100%不被清除的本地存储**，但可以通过以下技术方案提高数据留存率（按持久性排序）： --- ### 一、服务端方案（最可靠） ```javascript // 通过HTTP响应头设置长期有效的Cookie // 服务端需设置（示例为Node.js）： res.setHeader('Set-Cookie', [ 'user_id=123; Expires=Fri, 31 Dec 9999 23:59:59 GMT; Path=/; SameSite=Lax; Secure' ]) ``` **特点**： - 需配合服务端使用 - `Expires`设为超长有效期 - `Secure`仅限HTTPS - 用户主动清理Cookie仍会失效 --- ### 二、浏览器指纹 + 服务端存储 ```javascript // 生成浏览器指纹（示例使用FingerprintJS） import FingerprintJS from '@fingerprintjs/fingerprintjs' FingerprintJS.load().then(fp => { fp.get().then(result => { const fingerprint = result.visitorId // 将指纹与用户数据关联存储在服务端数据库 }) }) ``` **特点**： - 无需本地存储 - 准确率约90-99% - 硬件/浏览器大版本变更会失效 --- ### 三、IndexedDB持久化存储 ```javascript // 请求持久化存储权限（Chrome 85+） if (navigator.storage && navigator.storage.persist) { navigator.storage.persist().then(granted => { if (granted) { const db = indexedDB.open('PersistentDB', 1) // 数据库操作... } }) } ``` **特点**： - 浏览器可能自动清理未使用的存储 - 用户手动清理仍会删除 --- ### 四、浏览器扩展存储 ```javascript // 通过Chrome扩展的storage.local API chrome.storage.local.set({ key: 'value' }, () => { chrome.storage.local.get(['key'], result => {}) }) ``` **特点**： - 需用户安装扩展 - 独立于浏览器缓存 - 卸载扩展即失效 --- ### 五、特殊技巧方案（慎用） #### 1. Evercookie（利用多种存储机制） ```javascript // 使用evercookie库（需引入） const ec = new Evercookie() ec.set('user_id', '123') // 同时写入Cookie、Flash、Silverlight等 ``` **特点**： - 通过多重备份实现"僵尸"存储 - 涉及隐私伦理问题 - 可能被安全软件拦截 #### 2. Service Worker缓存 ```javascript // 注册Service Worker缓存资源 navigator.serviceWorker.register('/sw.js') .then(reg => reg.active.postMessage({type: 'CACHE_DATA', data})) ``` **特点**： - 缓存更新策略可控 - 用户清除"站点数据"时会失效 --- ### ⚠️ 注意事项 1. **法律合规性**：必须遵守GDPR等隐私法规，明确告知用户数据用途 2. **浏览器差异**： - Firefox默认保留IndexedDB - Safari智能反追踪限制严格 3. **最佳实践**： ```javascript // 组合方案示例 async function getPersistentId() { let id = localStorage.getItem('user_id') || await checkServiceWorkerCache() || await getServerCookieId() || generateNewId() return id } ``` ### 📊 方案对比 | 方案 | 留存率 | 用户可控清除 | 实现复杂度 | 隐私风险 | |---------------------|--------|--------------|------------|----------| | 服务端Cookie | 90% | ✅ | 低 | 中 | | 浏览器指纹 | 85% | ❌ | 高 | 高 | | IndexedDB持久化 | 70% | ✅ | 中 | 低 | | Evercookie | 95% | ❌ | 高 | 极高 | 建议优先考虑**服务端存储+长期Cookie**方案，关键业务数据应始终在服务端备份。前端存储只应作为辅助手段使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值