浏览器不加载最新的css文件解决办法

调试css的时候明明在后台修改了css文件，但chrome浏览器死活不更新，在开发者工具里改却可以正常修改，查看浏览器里的css文件发现还是修改之前的，应该是浏览器缓存了，查了一下果然是，但是页面head是说明了不缓存的，<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />，只有试试别的办法了。

解决办法：

1. 浏览器强制刷新 ctrl + F5
2. 清楚浏览器缓存，但不能清楚单个网站的缓存，只能全部清除。
3. 自己动手编写一个加载css和js文件的函数，在head里调用，原理是在文件url后加一个时间戳，让浏览器以为是没加载过的新文件。

//load all js and css files in this arr
var urls = ["/libs/bootstrap-3.3.7-dist/css/bootstrap.min.css",
"/static/css/homeApply.css",
"/static/css/alertPop.css",
"/libs/jquery/jquery-3.4.1.js",
"/libs/bootstrap-3.3.7-dist/js/bootstrap.min.js",
"/static/js/popMsg.js",
"/static/js/ajaxSubmit.js"];

//call load function to explore the arr
for (var i i