手机端解决页面缓存问题

最新推荐文章于 2024-06-11 23:51:14 发布

江流川

最新推荐文章于 2024-06-11 23:51:14 发布

阅读量4.6k

点赞数

分类专栏： jsp

本文链接：https://blog.csdn.net/fgx_123456/article/details/78205103

版权

jsp 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

像网上说的一些方法，经本人测试，都是无效的，如给head加meta标签：

<meta http-equiv="pragram" content="no-cache">  
<meta http-equiv="cache-control" content="no-cache, must-revalidate"> 
<meta http-equiv="expires" content="0">
   
   1
2
3

自然而然，我们想到给文件加时间戳，如：

加时间戳前

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <script src="js/test.js"></script> 
</head>  
<body>
    <div class="body"></div>
</body>  
</html>
     
     1
2
3
4
5
6
7
8
9

加时间戳后
```
<!DOCTYPE html>  
<html lang="en">  
<head>  
    <script src="js/test.js?_=1480405186452"></script> 
</head>  
<body>
    <div class="body"></div>
</body>  
</html>
     
     1
2
3
4
5
6
7
8
9
```
这样是可以的，但是请注意，这样只能解决html引入的js或css的缓存问题，html的缓存还是没有解决，也就是说你手机扫码进入页面后，看到的是之前缓存好的【加时间戳前】的html文件，就导致了加的时间戳不生效。这就狠干ga了。因为页面的不变，导致js的不变。

为了解决html的缓存问题，我们可以给访问的html链接后面也加上一个时间戳

加时间戳前

http://v35new.faqrobot.org/robot/app.html
     
     1

加时间戳后

http://v35new.faqrobot.org/robot/app.html?_=1480405186452
     
     1

以上2种措施都要执行，才能彻底解决手机端缓存问题
我们也可以用自动化工具gulp来代替手动的加时间戳的劳动，具体请参考前端构建工具gulp的使用教程集合中的案例一

江流川

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
手机端解决页面缓存问题

像网上说的一些方法，经本人测试，都是无效的，如给head加meta标签：meta http-equiv="pragram" content="no-cache"> meta http-equiv="cache-control" content="no-cache, must-revalidate"> meta http-equiv="expires" content="0">123
复制链接

扫一扫

专栏目录