首页 > 代码库 > 离线访问-manifest（有疑问未解决）

离线访问-manifest（有疑问未解决）

2024-09-21 21:03:16   208人阅读

1、html文件，添加 manifest="cache.manifest" 引入style.css、script.js文件
<!DOCTYPE html>
<html lang="en" manifest="cache.manifest"><!--html5的缓存清单-->
<head>
    <meta charset="UTF-8">
    <title>离线访问</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<!--
    1.应用程序缓存 正常
    2.html添加一个manifest属性指向一个文件
-->
    <p>离线访问</p>
    <script src="script.js"></script>
</body>
</html>

2 、在index.html同级目录下新建style.css、script.js

/**
 * Created by suxiaoxia on 2017/5/13.
 */
‘use strict‘ /*严格模式，使代码更严谨*/

document.write("<h3>这是js文件内容</h3>");
/*：：before 是元素一开始的时候，在元素内部*/
body::before{
    content: ‘这是css文件注入的内容‘;
    font-size:20px;
    color: skyblue;
}

3、在index.html同级目录下新建cache.manifest文件

CACHE:缓存下可以访问的文件
NETWORK:网络连接状态下可以访问
基本格式
CACHE MANIFEST
# version 1.0.0

CACHE:
  index.html
  script.js
  style.css

NETWORK:
  *

离线访问设置：

地址栏开头部分

技术分享

离线设置前访问

技术分享

技术分享

（以上操作和视频一模一样，但是，离线访问是酱紫的

技术分享

？？？）

离线访问-manifest（有疑问未解决）


联系
我们