查询脚本或样式标记源中的参数

时间:2014-02-05 16:03:11

标签: javascript html css

我遇到过很多网站,这些网站的参数都带有样式表或脚本的src链接。

例如:我在Udacity.com看到的一个剧本

<link rel="stylesheet" type="text/css" href="/media/css/udacity/udacity.min.css?4c3a5b9f8b6eeb75ed7b7d2160c259d5">

或者

<script type="text/javascript" src="/media/js/external/libs.min.js?4c3a5b9f8b6eeb75ed7b7d2160c259d5"></script>

“/ udacity.min.css?”后面的字符串代表什么?

2 个答案:

答案 0 :(得分:4)

cache-buster是一段独特的代码,可以防止浏览器将已经看到并缓存或保存的文件重用到临时内存文件中。

它是缓存破坏技术的一部分。参数?4c3a5b9f8b6eeb75ed7b7d2160c259d5表示查询字符串。它将强制浏览器从服务器而不是缓存加载文件。

cache-buster的主要用途是,如果您修改了CSS或JS文件。您可能希望使用修改后的文件而不是客户端缓存中的缓存文件。

blog

答案 1 :(得分:0)

通常用于删除缓存。例如:如果您更改css文件中的任何内容,某些浏览器将缓存旧内容,并且新更改将不会传播。为了显示新的更改,我们通过添加query string告诉浏览器该文件有新内容。

因此,当添加query string时,浏览器立即知道这是新内容,因此呈现新内容,因此默认情况下,更改将正确传播并由浏览器显示。