gpt4 book ai didi

javascript - 检索缓存页面

转载 作者:行者123 更新时间:2023-12-01 02:57:10 24 4
gpt4 key购买 nike

我有一个使用 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>

最佳答案

听起来你想要的是 HTML5 appcache :

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

它可以让您指定站点的 list 并指定应缓存哪些页面等。

在 list 文件中指定要缓存的资源...

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你可能会遇到。

关于javascript - 检索缓存页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18488787/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com