0

我尝试执行 w3schools 中已经存在的以下一组编码

index.html 具有以下编码

<!DOCTYPE html>
     <html manifest="demo_html.appcache">
          <body>
             <script src="demo_time.js"></script>
                  <p id="timePara"><button onclick="getDateTime()">Get Date and Time</button></p>
                  <p><img src="logo.jpeg" width="336" height="69"></p>
                  <p>Try opening <a href="index.html" target="_blank">this page</a>, then go offline, and reload the page. The script and the image should still work.</p>
            </body>
      </html>

demo_time.js 包含以下内容 

 function getDateTime()
 {
       var d=new Date();
       document.getElementById('timePara').innerHTML=d;
 }

demo_html.appcache 包含以下内容 

 CACHE MANIFEST

 CACHE:
 /index.html
 /demo_time.js
 /logo.jpeg

“.htaccess”文件包含以下内容

 AddType text/cache-manifest .appcache

请指出此代码中的错误。当我在浏览器中执行代码时，firefox 提示我此网站要求将数据存储在您的计算机上以供离线使用。允许，永远不要为这个网站或现在不。我选择了允许，但即使在那时，提示也没有消失。

当我在 w3schools.com 中尝试相同操作时，单击“允许”后提示消失了。请指出上面代码中的错误

4

2 回答 2

0

离线缓存仅适用于远程文件。当您在本地运行页面时，它实际上不会使文件脱机。

如果您通过服务器访问您的页面，您应该会看到离线缓存正常工作。

于 2012-12-24T12:13:56.203 回答
0

我将demo_html.appcache更改 为更简单的

CACHE MANIFEST
index.html
demo_time.js
logo.jpeg

这在 Firefox 和 chrome 中都适用于我

Chrome 的“资源”选项卡对于调试 appcache 非常有帮助：

chrome 资源选项卡的屏幕截图

于 2012-12-24T12:24:40.807 回答