Question

我是css＆amp;的新手bootsrap。我开发了一个小网站，有六页，我在两个不同的php文件中分隔页眉和页脚，以使生活变得轻松。然后我打电话给标题＆amp;页脚分别位于每页的顶部和底部。根据我的要求，我在一个名为＆＃34; custom.css＆＃34;的单独css文件中自定义一些元素设计（覆盖bootsrap设计）。每当我在该文件中进行更改时，我必须关闭并重新打开文本编辑器以查看更改。首先我认为这是由于文本编辑器所以我将文本编辑器从＆＃34; Sublime Text更改为Php Storm＆＃34 ;;但是，问题尚未解决。

下面是我项目的代码片段：

的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");?>

但是如果我没有分隔页眉和页脚，并将它们写在一个页面中我可以立即看到更改，我不必关闭并重新打开我的文本编辑器以便看到变化。

能帮助我吗

Answer 1

根据评论中的确定，您的浏览器缓存存在问题。

你要么

需要使用CTRL + F5刷新页面（但这取决于您的操作系统和浏览器）或
您指示本地服务器禁止在您的开发环境中进行浏览器缓存（不要在生产中执行此操作！）。

要阻止浏览器缓存，请指示您的网络服务器发送相应的标头。这里有一个很好的答案：How to control web page caching, across all browsers?

您需要知道如何配置您的网络服务器 - 我不了解OpenServer。

请注意，在PHP脚本中添加标头是不够的，因为您需要使用静态CSS文件发送标头。

Answer 2

下面的代码完美无缺

<?php include_once('header.php');?>
<body>
  :
  :
  :
some code

<?php include_once('footer.php');?>

在文本编辑器未关闭且重新打开

2 个答案: