我是 css 和 bootsrap 的新手。我开发了一个有六个页面的小网站，我将页眉和页脚分隔在两个不同的 php 文件中，以便让生活更轻松。然后我分别在每个页面的顶部和底部调用页眉和页脚。根据我的要求，我在一个名为“custom.css”的单独 css 文件中自定义了一些元素设计(覆盖 bootsrap 设计)。每次我对该文件进行更改时，我都必须关闭并重新打开文本编辑器才能看到更改。一开始我以为是文本编辑器的问题，所以我把我的文本编辑器从“Sublime Text to Php Storm”换了；但是，问题还没有解决。
下面是我的元素的代码片段:
header.php
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My Website</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/custom.css">
<script src="js/respond.js"></script>
</head>
footer.php
<!-- Footer -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-
KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd
/popper.min.js" integrity="sha384-
b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
crossorigin="anonymous">
</script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
我调用上面的文件到我的页面如下:
<? include ("header.php")?> <body> <div class="container"> . . . . </div> <!-- end container --> <?include ("footer.php");?>
但如果我不分开页眉和页脚，并将它们写在一个页面中，我可以立即看到更改，我不必关闭并重新打开我的文本编辑器来查看更改.
你能帮帮我吗
最佳答案
根据评论确定，这是您浏览器缓存的问题。
你要么
- 需要使用 CTRL+F5 刷新页面(但这取决于您的操作系统和浏览器)或
- 您指示您的本地服务器在您的开发环境中禁止浏览器缓存(不要在生产环境中这样做!)。
要防止浏览器缓存，请指示您的网络服务器发送适当的 header 。这里有一个很好的答案:How to control web page caching, across all browsers?
你需要知道如何配置你的网络服务器——我不知道 OpenServer。
请注意，仅在 PHP 脚本中添加 header 是不够的，因为您需要将 header 与静态 CSS 文件一起发送。
关于php - 在文本编辑器未关闭并重新打开之前，CSS 文件不会加载，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46444877/