meta标签设置禁止加载缓存及延伸

最新推荐文章于 2025-05-14 10:30:58 发布

机智的导演

最新推荐文章于 2025-05-14 10:30:58 发布

阅读量1.9k

点赞数

分类专栏： JavaScript 文章标签： meta 禁止缓存 viewport

本文链接：https://blog.csdn.net/xiaxiangyun/article/details/79715251

版权

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了解决CKPlayer在ADTS3.0项目中拉流异常的方法，即通过在代码中加入特定的meta标签来禁用浏览器缓存。此外，还探讨了移动端开发中关于viewport设置的常见问题。

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

背景

今天在优化ADTS3.0项目的过程中遇到了ckplayer拉流异常的问题，问了同组其他小伙伴，说是需要禁用浏览器的缓存。
禁用缓存

解决

而在代码中开启这个功能就需要使用meta标签，具体的做法是：

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">

参考文章：页面的缓存与不缓存设置

延伸

而说到meta标签，突然想起了前些天去掌阅面试时的一道面试题：

<meta name="viewport" content="width=device-width"/>和
<meta name="viewport" content="width=100%"/>一样吗？

针对这个问题，也找了好几篇文章看，附上链接：

移动端声明及meta标签设置
移动前端自适应适配布局解决方案和比较
移动前端开发屏幕宽度设置之viewport的深入理解

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

机智的导演

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【白嫖党】如何把前端学好？看完这篇，直呼：太强了！（历经半个月之作）

超逸の学习技术博客

04-04

2万+

很少有文章做到将知识形成一个体系，于是需要翻阅很多资料，但这篇文章做到了！共34815字数。

前端面试的话术集锦第 2 篇：基础篇二

念兮为美

08-28

427

前端面试话术集锦第二篇：iframe有那些缺点；WEB标准以及W3C标准是什么；xhtml和html有什么区别；Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义；⾏内元素有哪些？块级元素有哪些？空(void)元素有那些？⾏内元；HTML全局属性(global attribute)有哪些；Canvas和SVG有什么区别；HTML5 为什么只需要写；如何在⻚⾯上实现⼀个圆形的可点击区域；⽹⻚验证码是⼲嘛的，是为了解决什么安全问题；viewport；渲染优化

参与评论您还未登录，请先登录后发表或查看评论

页面的缓存与不缓存设置及html页面中meta的作用

09-02

主要介绍了页面的缓存与不缓存设置及html页面中meta的作用的相关资料,需要的朋友可以参考下

HTML meta 禁用缓存

忘川

10-18

1489

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" />

meta禁止页面缓存是一种HTML元标签设置

热门推荐

张彦峰的博客

11-04

171万+

Java高频面试知识点总结：覆盖高频基础知识考点+高频集合知识点深入分析+高频多线程与并发编程面试题汇总+其他扩展考察等。

缓存与SEO优化：搜索引擎中的缓存策略与注意事项

搜索引擎缓存是提高查询响应速度和降低系统负载的关键技术，本文系统地探讨了搜索引擎缓存的基本概念、缓存策略的理论基础以及实践应用。首先介绍了缓存的工作原理，包括其定义、分类和机制，以及搜索引擎如何利用...

报错：Package has already been defined but it could not be found...如何解决？

**My Coding Family**

04-27

707

🏆 本文收录于《全栈Bug调优(实战版)》专栏，致力于分享我在项目实战过程中遇到的各类Bug及其原因，并提供切实有效的解决方案。无论你是初学者还是经验丰富的开发者，本文将为你指引出一条更高效的Bug修复之路，助你早日登顶，迈向财富自由的梦想🚀！同时，欢迎大家关注、收藏、订阅本专栏，更多精彩内容正在持续更新中。让我们一起进步，Up！Up！Up！备注：部分问题/难题源自互联网，但经过精心筛选和整理，保证每一条解决方案都经过实战验证，真实可靠。

使用 meta 禁用浏览器缓存

weixin_42678582的博客

09-15

1673

作者：OneByte 转载于: https://www.jianshu.com/p/e59d16a9ab7e 一个最简单的支持大部分主流浏览器的 headers 集如下: Cache-Control: no-cache, no-store, must-revalidate Pragma: no-cache Expires: 0 Cache-Control 作用于 HTTP1.1 HTTP1.1中启用Cache-Control 来控制页面的缓存与否，这里介绍几个常用的参数： no-cache，浏览

通过meta设置防止浏览器缓存

weixin_30572613的博客

08-11

428

在页面静态化中，为了防止浏览器缓存真静态文件，通常我们需要在真静态文件生成时，添加如下代码到真静态文件头中 $handle = fopen('路径', 'r');$head = "<head> <meta http-equiv='Content-Type' content='text/html;Charset=utf-8' /> <meta http-equ...

meta禁止抓取 html,html中怎么用meta语句禁用页面缓存？

weixin_39539002的博客

06-04

195

哈士奇WWW12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364651、在Asp页面首部加入以下为引用的内容：Response.Buffer=TrueResponse.ExpiresAbs...

meta标签防止页面缓存

sTaANn的博客

02-05

1300

设置meta标签防止页面缓存代码块代码块语法遵循标准markdown代码，例如： meta http-equiv="Pragma" content="no-cache"> meta http-equiv="Cache-Control" content="no-cache"> meta http-equiv="Expires" content="-1"> 值为no-ca

HTML 元标记：＜meta http-equiv=“pragma“ content=“no-cache“ /＞的作用及其原理

2007 年 ~ 2025 年，深耕 SAP 技术 18 年

11-23

1298

是一种早期用于控制 HTML 页面缓存行为的技术。它的主要作用是告诉浏览器不要缓存页面，或者在每次访问页面时都向服务器确认其是否更新。虽然这种方式在老旧的浏览器中仍然有效，但现代 Web 开发更推荐使用服务器端的 HTTP 头来精细控制缓存行为，例如和Expires。这种缓存控制方法在需要确保页面内容实时更新的场景中非常有用，例如新闻网站、股票行情页面以及其他动态内容页面。然而，由于其局限性，尤其是无法控制外部资源的缓存，现代开发者通常会结合 HTTP 缓存头与版本控制来达到更好的缓存管理效果。

meta元素与浏览器缓存机制

凡事预则立，不预则废

06-17

830

1.meta的http-equiv是告诉服务器发送实际的内容到客户端之前，传送给浏览器的内容头信息。告诉浏览器不缓存内容和上面的意思差不多告诉浏览器页面过期的时间，经常看见content的取值为0. 2.eTag 是web服务器和浏览器之间确认缓存组件有效性的一种机制。它的值是服务器根据组件的一些属性和服务器的inode来确定，如果只是一太服务器，那么没有问题，使用etag进行验证

设置meta标签清除页面缓存

忘川

08-17

4230

<meta http-equiv="Cache-Control" content="no-cache"/> Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh...

前端页面防止缓存

CherryCola_zjl的博客

11-27

8477

方法一通过meta标签 <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0">