首先,缓存问题依靠html的meta标签解决是不靠谱的,一般大型网站都依靠nginx server在 http头中对静态资源设置缓存。

而影响缓存的http头有好几个,尽管http 1.1协议之后,从协议本身的规范的角度可以认为 只要有cache-control这个头存在,pragma expires就无效了,但你不能相信所有浏览器所有版本都完全按照标准进行了实现,所以,比较职业的做法是把所有该下发的http头都派发过去,更保险一些。

在你的截图中,我看到response headers里缺少expires字段,并且你虽然cache-control给了个3600(注意这里的单位是second 相当于缓存时间是1小时,考虑到服务器时间与客户端机器的时间有可能存在一些差异,如果真希望缓存的静态资源,不建议给这么小的max-age),然而你设置了pragma:no-cache,这显然是你的apache服务器配置的问题,我估计你的conf文件是从网上随便找了一份,设置缓存时忘记去掉这一行了,pragma建议去掉,当然也可以查一下文档这个头该怎么设置缓存值,设一个长一些的。

另外,我还注意到,你在浏览器中直接以127.0.0.1的ip地址进行访问,依靠chrome内核(准确说叫blink,google基于webkit项目切出的一个分支,目前作为chrome浏览器内核)解析网页的所有浏览器,在这种直接访问ip地址的场景下都会表现出一些诡异的情况,有时是缓存与线上不一样,有时是跨域的CORS策略会与线上不同,所以你再本地做实验 最好绑个host,也不要直接localhost访问。

最后,再科普一个知识,chrome浏览器为了优化页面加载速度,做了非常复杂的缓存和预加载策略,当你点F5(win系统)或command-R(mac系统)刷新浏览器时,通常是穿透缓存的,而当你在地址栏里输入后直接回车时,往往会被缓存cache住。说的再深一点,当你在浏览器地址栏里输入地址时,出现那个下拉提示菜单,如果你选择了菜单中的一个提示选项而不是自己手动敲完整个地址url的话,实际上你还没点回车时 这个http请求就已经发出去了,所以有时会发现 在地址栏里直接选自己之前访问过的页面时 请求速度特别快,实际上是chrome的预加载机制。

缓存是比较复杂的问题,与之相关的任何一个环节设置错误都可能导致结果与预期相左,希望能帮到你。

html cache control 设置,关于 浏览器 Cache-Control 不能设置问题。相关推荐

  1. 360安全浏览器兼容模式怎么设置_360浏览器极速模式怎么设置

    1/2 打开浏览器,点击地址栏右边图标 2/2 会自动显示两种模式,选择"极速模式"即可

  2. 为何windows设置默认浏览器总是不行,或者设置后系统又擅自改为IE

    今天开始打开项目时,突然间发现我的浏览器被改成了IE打开.奇怪了,并没有设置过默认浏览器为IE! 随后,当然是修改默认浏览器了,如下常规操作: 控制面板>程序>默认程序>设置默认程序 ...

  3. 初学者vs安装_如何为初学者安装和设置WP Super Cache

    初学者vs安装 Search engines consider site speed to be an important factor search rankings. This is why at ...

  4. Linux内存管理:ARM64体系结构与编程之cache(2):cache一致性

    <Linux内存管理:ARM64体系结构与编程之cache(1)> <Linux内存管理:ARM64体系结构与编程之cache(2)> <ARM SMMU原理与IOMMU ...

  5. window8系统 dns有问题怎么修复,浏览器代理设置,浏览器提示网页无法显示

    浏览器代理设置 在上网浏览过程中,偶尔会出现浏览器提示网页无法显示的情况,出现这种情况有时候是因为本地服务器堵塞造成的,这时候我们可以进行浏览器代理设置 .还有一种情况,有些局域网担任网关的服务器使用 ...

  6. disk cache(磁盘缓存) 和 memory cache(内存缓存)的区别

    disk cache(磁盘缓存) 和 memory cache(内存缓存)的区别 同: 都属于强缓存,现在浏览器缓存存储图像和网页等(主要在磁盘上),而你的操作系统缓存文件可能大部分在内存缓存中. 使 ...

  7. web浏览器与IE的关系,如何设置web浏览器工作在IE9模式下?

    一,问题的提出 偶然发现,Winform的里的web浏览器和IE浏览器实际安装的版本似乎并不同步,很有趣! 下面有张图,里面一个窗口是用IE9打开某网站,另一个窗口是用Winform的web浏览器+打 ...

  8. 4路组相连cache设计_浅谈 Cache

    1. Cache的历史 在科研领域,C. J. Conti等人于1968年在描述360/85和360/91系统性能差异时最早引入了高速缓存(cache)一词.Alan Jay Smith于1982年的 ...

  9. 静态的html页面想要设置使用浏览器缓存

    设置html页面缓存方法: 静态的html页面想要设置使用缓存: 通过HTTP的META设置expires和cache-control code 1.  <meta http-equiv=&qu ...

  10. Linux内存管理:ARM64体系结构与编程之cache(3):cache一致性协议(MESI、MOESI)、cache伪共享

    目录 为什么系统软件人员要深入了解cache? cache一致性协议 神马是MESI协议? MESI的操作 MESI状态图 演示:初始化状态为I的cache line 当本地CPU的缓存行状态为I时, ...

最新文章

  1. Scala Trait详解
  2. ZeroMQ接口函数之 :zmq_strerror - 获取ZMQ错误描述字符串
  3. java 默认焦点_按钮活动焦点阴影默认问题
  4. 《大话数据结构》第9章 排序 9.6 希尔排序(上)
  5. miniui datagrid 隐藏列默认赋值_Qt商业组件DataGrid:内置视图和布局详解(一)
  6. java 坦克大战_java课程设计之坦克大战
  7. Android TextView设置多样式文本,跑马灯以及霓虹灯效果
  8. CentOS7下初始化PostgreSQL
  9. linux命令面试题大全,Linux系统命令面试题大全
  10. 【JavaWeb开发】“web应用程序的根目录“与“web站点的根目录“的分析
  11. dz搬家 win linux,Discuz论坛完美搬家 详细分享我的DZ搬家步骤
  12. python开发语音录入_用Excel及Python实现数据录入语音校对功能
  13. Xtts v4 xttdriver.pl xtt.properties
  14. 商用密码产品认证-密码机(概述)
  15. 【全网唯一】TC8一致性测试文章合集来袭(持续更新中)
  16. shader镜面反射(Reflection)
  17. 《Code Complete》之个人性格
  18. CentOS 7 安装redis过程中gcc: Command not found错误
  19. html识别文字转语音,Speech Synthesis API入门 - web前端识别文字转语音
  20. 工程伦理第九章习题答案

热门文章

  1. MATLAB画图(一)
  2. 解决Android Studio Gradle慢的方法
  3. Vue子传父详细教程
  4. Google Chrome 浏览器——隐藏功能及快捷键
  5. html模块 码工助手,码工助手在线布局使用注意事项
  6. 关闭windows server服务器的密码过期提示
  7. SQL/PL SQL
  8. C++游戏——小胎大乱斗
  9. MES系统报价这么高,企业为什么还要选择它?
  10. 项目管理100问 | NO.6 如何为项目制定里程碑?