javascript - 链接预取无法正常工作,导航时再次获取脚本
问题描述
我有一个简单的标记。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="prefetch" href="page2.html">
<link as="script" rel="prefetch" href="./src/script2.js">
</head>
<body>
<p>Let's check</p>
<a href="page2.html">Go to page 2 where script2 is there</a>
<script src="./src/script1.js"></script>
</body>
</html>
在这里,我预取了第二个脚本script2.js。它已成功预取,但是当我单击第 2 页链接时,我有我的脚本标签script2.js,再次下载了 script2 它没有从预取缓存中获取它。
这是page2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>This is page 2</p>
<script src="./src/script2.js"></script>
</body>
</html>
解决方案
有类似的问题,我的原因是我在谷歌浏览器中禁用了缓存。
您可以在此答案https://stackoverflow.com/a/7000899/2992661上查看如何在 Chrome DevTools 中禁用/启用缓存
推荐阅读
- freefem++ - 如何在 FreeFem++ 中直接更改我的 FE 空间的边界值?
- php - 如何在二十五主题的左右浮动中添加垂直广告横幅?
- amazon-web-services - 来自 Openstack 客户端的 AWS Openstack Connectfailure
- php - 卡在 laravel 查询中
- android-studio - 使用配置 gradle 重复值资源 'attr/highlightColor'
- java - javafx:如何将 mousepressed 事件应用于循环中的 ImageView?
- python - Keras:如何为验证集抽取随机样本?
- powershell - Exchange PowerShell 从输入文件导出邮箱时出错
- qt - knuminput.h 在 QT Creator 中不可用
- c# - 添加新行后在 Winforms 中合并 DataGridView 单元格