Question

我有一个使用JavaScript和jQuery创建的简单网站。该网站包含4个网页，并托管在网络服务器上。问题是，当我无法访问服务器时（无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>

Answer 1

听起来像你想要的是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以及您可能遇到的一些technical gotchas的详细信息。

Answer 2

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

检索缓存页面

2 个答案: