html 解决css样式的缓存问题 ---css引入时添加时间戳

最新推荐文章于 2024-09-02 23:19:56 发布
最新推荐文章于 2024-09-02 23:19:56 发布
阅读量246 收藏
点赞数
分类专栏： 网站开发 文章标签： html css 缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48596030/article/details/141816086
版权

网站里的内容修改之后，在手机上打开网址时会有缓存问题，清空缓存也反应。

解决方式：引入css时， 通过js 对引入的css添加时间戳

    <!--<link rel="stylesheet" href="__INDEX_CSS__/style.css" type="text/css" media="screen" charset="utf-8">-->
    <!--<link rel="stylesheet" href="__INDEX_CSS__/mobile.css" type="text/css" media="screen" charset="utf-8">-->
    
    <!--html 解决css样式 缓存 ---css引入添加时间戳-->
    <
了解本专栏 订阅专栏 解锁全文 超级会员免费看
小跳不会Coding
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
HTML页面自动清理js、css文件的缓存（自动添加版本号）
12-13
总的来说，自动添加版本号是解决浏览器缓存问题的有效手段，它可以确保用户始终能够获取到最新版本的CSS和JavaScript文件。通过JavaScript、服务器端语言或构建工具，开发者可以轻松地实现这一功能，从而提供更好的...
使用时间戳解决ie缓存的问题
09-04
解决IE缓存问题的一个常见且有效的方法是在HTTP请求的URL后面添加一个时间戳参数。每次页面加载或提交数据时，时间戳都会更新，这样浏览器就会认为这是一个全新的请求，从而避免使用缓存的旧版本资源。 示例代码...
grunt-timestamp:添加时间戳和 MD5 哈希以避免文件缓存
06-18
添加时间戳和 MD5 哈希以避免文件缓存。 （.js/.css 文件） NPM 主页： : 入门 这个插件需要 Grunt ~0.4.1 如果您以前没有使用过 Grunt，请务必查看入门指南，因为它解释了如何创建 Gruntfile 以及安装和使用 ...
利用 filter 机制给静态资源 url 加上时间戳，来防止js和css文件的缓存问题
10-22
在Web应用开发中，静态资源如JavaScript（.js）文件和CSS（.css）样式表文件的缓存问题是开发者经常需要面对的一个问题。缓存可以加快页面加载速度，但是如果缓存时间设置过长，会导致用户在网站发布新的资源后无法...
HTML静态网页成品作业(HTML+CSS+JS)——中华美食八大菜系介绍(1个页面)
2301_78945238的博客
09-02 250
HTML静态网页成品作业(HTML+CSS+JS)——中华美食八大菜系介绍(1个页面)
HTML 实现炫酷选项卡效果
qq_69304031的博客
09-02 453
在前端开发中，创造出吸引人的交互效果能够极大地提升用户体验。今天，我将分享一段使用 HTML 和 CSS 实现的炫酷选项卡代码，并详细介绍其实现过程。
html简单注册页面
lizhiwei21的博客
09-02 117
简单的html注册页面，代码如下，效果如下。
html,css学习记录
2301_79347603的博客
09-01 1539
html,css学习记录htmlcss盒子模型 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>mykingdom</title> <link
HTML语义化标签的重要性及常见错误
官方推荐
09-02 1633
HTML语义化标签的重要性及常见错误
HTML标签大合集
2302_78656999的博客
09-02 191
本文详细介绍常用的HTML标签及其用法
使用deekpseek v2开发中国象棋游戏
09-02 198
使用AI可以完成简单程序（如：五子棋），甚至都不要调试即可以运行，但逻辑规则复杂的程序就需要反复的调整，修改运行BUG，优化运行性能。（如：中国象棋，支持提示目标落子位置，并要求使用AI算法自动对弈）。下面是经过反复调整后(N多次），得到的中国象棋游戏的js代码。
vscode写markdown(引入html及css语法)
2301_79347603的博客
09-01 416
用ctrl+shift+p 搜索"Markdown Preview Enhanced:Customize CSS"在style中使用css语法改格式（太牛啦）
【html】新建一个html并且在浏览器运行
qq_43720551的博客
09-02 171
想要运行上述代码，可以直接拖到浏览器里，但是为了实时地查看我们修改后的样式，可以使用 vscode 安装插件， Live Server。以下是一个简单的 HTML 小项目，展示一个包含标题、按钮和点击按钮后弹出提示框的基本页面。
HTML基本标签
actavy的博客
08-28 920
HTML（HyperText Markup Language）是超文本标记语言。它由一系列的元素（即标签）组成，每个标签都表示页面上的不同内容或元素，如文本、图像、链接等。HTML被用来描述网页的结构，并且在网页浏览器中解释显示这些结构，使网页内容呈现出来。标题标签的默认样式是自动加粗的，字体一级标题最大，六级标题最小，每个标题标签独占一行，并且标题标签是块元素。
实现钉钉官网动画效果：详解HTML、CSS、JavaScript与性能优化
孔乙己大叔的博客
09-02 749
通过上述步骤，我们实现了一个类似钉钉官网的动画效果。这个效果利用了CSS的粘性定位、JavaScript的滚动事件监听和动画曲线计算。我们还讨论了性能优化的一些方法，如节流/防抖和属性的使用。在实际项目中，还需要考虑更多的细节，如响应式设计、动画的流畅性和可访问性等。但以上内容已经为我们提供了一个良好的起点。
vue3中vite基于vite-plugin-html的多入口打包
k0933的博客
08-30 275
1、安装vite-plugin-html。3、配置vite.config.js。
HTML静态网页成品作业(HTML+CSS)——非遗徽州木雕网页(6个页面)
2301_78945238的博客
08-30 916
HTML静态网页成品作业(HTML+CSS)——非遗徽州木雕网页(6个页面)
HTML静态网页成品作业(HTML+CSS)——世博园介绍(2个页面)
2301_78945238的博客
08-28 597
HTML静态网页成品作业(HTML+CSS)——世博园介绍(2个页面)
HTML：charset讲解
最新发布
Weiki的博客
09-02 709
HTML：charset讲解
如何解决html+js+css缓存问题
06-10
HTML、JS和CSS缓存问题可以通过以下几种方式来解决： 1. 文件版本控制：给每个文件添加版本号，每次文件更新时修改版本号，这样浏览器会重新请求最新的文件。 2. 强制缓存和协商缓存：可以通过设置HTTP响应头来控制浏览器的缓存行为。强制缓存通过设置Cache-Control和Expires头来告诉浏览器在一定时间内不需要重新请求资源，而协商缓存通过设置Last-Modified和ETag头来告诉浏览器是否需要重新请求资源。 3. CDN缓存：使用CDN可以通过将静态文件缓存在CDN服务器上来减少原始服务器的压力。CDN服务器通常会自动处理缓存问题，不需要手动设置。 4. 修改文件名：如果文件名中包含哈希值或时间戳，可以保证每次文件更新时文件名都会改变，这样即使缓存未过期也会重新请求最新的文件。 以上几种方法可以结合使用来解决HTML、JS和CSS缓存问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值