• 浏览器缓存资源文件的问题


    最近自己在做一个网站,由于需要改动css文件,发现修改之后,页面没有发生变化。于是就用chrome浏览器开发工具去看对应的样式,发现和修改之前的一样。没有发生变化,初步怀疑浏览器缓存了资源文件,清空chorme浏览器之后,发现问题解决了,页面和预期的一样。

    为了确认这种情况,想跟踪apache 请求处理情况,也打开了 apache的访问日志,在httpd.conf文件里面打开了apache的访问日志

    CustomLog "/Applications/MAMP/logs/apache_access.log" common

    在第一次打开页面的时候,access.log 会受到两个http请求

    第一个请求是index.php ,第二个请求是default.css

    而进行第二次访问index.php的时候,apache只接受了第一个请求index.php,浏览器没有发起第二个请求。根据http协议,应该是第一次请求css文件的时候,apache告诉浏览器缓存资源文件,所以第二次就直接使用本地缓存,当清空本地缓存之后,就必须重新请求资源文件。

    考虑到不能靠这种方式来进行调试css,否则效率太低了一点。我的程序是基于LAMP架构的,开发平台是MAC OS X10.8 。由apache接收请求,如果发现后缀是php,则通过php模块来处理。由于资源文件时静态文件,这个和apache自身的缓存设置有关,就搜索apache的缓存设置。

    apache缓存设置是通过在config模块里面设置,通过设置httpd.conf文件里面的expires_module模块来来进行实现

    LoadModule expires_module modules/mod_expires.so

    这个mod_expires功能主要是在response 头部里面添加 Cache-Control 头部的 max-age 值,这个值就是设置缓存的失效时间。

    第一个想法就是把 expires_module 模块关闭掉,也就是注释掉,不让生成这个头部。

    于是重启apache,再次进行调试,第一次访问页面和第二次访问页面就一样了,浏览器都会重新请求css资源文件。

    如果在windows平台,ie有一个选项设置:每次访问此页时检查——就会表示浏览器每次访问一个页面时,不管浏览器是否缓存过此页面,都要向服务器发出访问请求

    不过chorme里面没有这个功能,只能通过修改apache来实现了,如果在windows平台,只需要设置ie内容选项即可。

  • 相关阅读:
    Leetcode: Longest Absolute File Path
    Leetcode: Mini Parser
    Leetcode: First Unique Character in a String
    Leetcode: Lexicographical Numbers
    Leetcode: Shuffle an Array
    Leetcode: Ransom Note
    Leetcode: Linked List Random Node
    Socket网络编程--聊天程序(7)
    Socket网络编程--聊天程序(6)
    Socket网络编程--聊天程序(5)
  • 原文地址:https://www.cnblogs.com/aigongsi/p/2781433.html
Copyright © 2020-2023  润新知