javascript - 为什么这些 CSS 文件被下载了两次?

标签 javascript html css caching cookies

我只包含了所有文件一次。我已经三重检查了它。这里有一些屏幕截图。我注意到请求 header 不同。我该如何解决这个问题?

enter image description here

enter image description here

<?php require_once("cssheadertop.php");?>
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta name="description" content="">
<link rel=stylesheet href='http://fonts.googleapis.com/css?family=Roboto+Slab'>
<style>.demo{text-align:center}</style>
<title>My title</title>
<?php require_once("cssheaderbottom.php")?>

这是 cssheadertop.php

<?php require_once('../../templates/sitelink.php');?>
<link rel=stylesheet href=//maxcdn.bootstrapcdn.com/bootswatch/3.3.2/united/bootstrap.min.css>
<script src="https://code.jquery.com/jquery-2.0.0.min.js"></script>
<link rel=stylesheet href=../../rrssb.css />
<script src=../../rrssb.min.js></script>
<link rel=stylesheet href=../../style.css>
<link rel=stylesheet href='http://fonts.googleapis.com/css?family=Dosis:300|Orbitron:900'>
<script src=https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js></script>
<script src=../prism.js></script>
<link rel=stylesheet href=../prism.css />
<meta property=og:image content="">

更新 sitelink.php 仅包含 PHP,而 cssheaderbottom.php 仅包含导航。

更新 2 它不仅与 bootstrap.min.css 有关,而且每个 css 文件有时会被下载两次三次(您可以在下图中看到)。

最佳答案

这与您的代码无关,它与您的浏览器开发设置有关,在您的开发控制台中某处有一个选项称为“保留日志”,它基本上将旧文件保留在日志中供您比较,如果您禁用该功能,您会看到没有文件的加载重复,请参阅我附加的屏幕截图,我通过选择“持久日志”来复制您的问题 - 标记为黄色 希望对你有帮助,

Persist logs .

关于javascript - 为什么这些 CSS 文件被下载了两次?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28764989/

相关文章:

jquery - 从jquery中的类名获取元素id

javascript - 在 <li> <span> 列表中多次显示无

Jquery "If statements"当语句不正确时触发

html - 浏览器中的 CSS 高度大小

javascript - 如何禁用输入字段而不是单击的字段然后启用所有

javascript - 在javascript中将两个数组组合成单个多维数组

javascript - 如何在 d3.js 中有选择地缩放 x 和/或 y - 动态?

javascript - jspdf 自动表格 : Target style for specific row of a table

javascript - 获取多个下拉列表的值并使用 javascript 比较每个下拉列表

jquery - 悬停在 div 上的效果同时悬停在整个标签上