2

我有一个使用 JavaScript 和 jQuery 创建的简单网站。该网站包含 4 个网页，并托管在 Web 服务器上。问题是当我无法访问服务器（没有 wifi 或其他）时，我希望能够浏览这 4 个页面。我链接页面的方式（如果有效果）正在使用

window.location.href="page1.html";

主页上其中一个按钮的点击功能是这样的

    $("#btnOne").click(function() {
window.location.href="page1.html";
return false;   
});

我想过使用 post 但在 jQuery 网站上它说“使用 POST 获取的页面永远不会被缓存”

有没有一种有效的方法来完成我想要的；将页面缓存到浏览器中以便离线使用？

    CACHE MANIFEST
 # 01-AUG-13 215 
CACHE:

css/stylesheet.css
css/custom-theme/jquery.mobile-1.3.2.min.css
home.html
page1.html
page2.html
js/jquery-1.9.1.min.js


    <!DOCTYPE html>
<html manifest="cache.manifest">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>

</head>
4

2 回答 2

5

听起来你想要的是HTML5 appcache：

<html manifest="example.appcache">
  ...
</html>

这使您可以为您的站点指定清单并指示应缓存哪些页面等。

在清单文件中，您指示要缓存哪些资源...

CACHE MANIFEST
# v1 2011-08-14
# This is another comment
index.html
cache.html
style.css
image1.png

# Use from network if available
NETWORK:
network.html

# Fallback content
FALLBACK:
/ fallback.html

有一些关于HTML5 Rocks的详细信息以及您可能遇到的一些技术问题。

于 2013-08-28T13:07:41.343 回答
0

将四个 html 文件和任何所需的“资源”（javascript、css、图像等）文件保存在本地计算机上。当您想离线使用您的网站时，请在本地打开登录页面。大多数操作系统，当您打开（单击）和 html 文件时，将运行您的默认浏览器并呈现该页面。链接将跟随到其他页面。这适用于服务器端的静态站点（例如 html）。它们在浏览器端可以是动态的。

于 2013-08-28T13:17:15.313 回答