javascript - 使用 JavaScript 搜索的离线 HTML5 网站

Question

我正在构建一个简单的网站，如果需要，它需要能够完全离线运行。旨在成为 50 页以上的可搜索引用手册。

我需要在打开一个页面时缓存整个站点。我正在使用 appcache list 执行此操作，让网站缓存并在离线移动设备上查看似乎工作正常。

该网站有一个基本的 JavaScript 搜索工具(这是一个免费软件下载)，在线时这个搜索非常有效。一旦互联网连接停止并使用缓存版本，搜索将不再有效，显示以下两种症状之一。单击按钮但没有任何反应，或者 2.显示“找不到网页”类型的错误。

Answer 1

引自 https://developer.mozilla.org/en-US/docs/HTML/Using_the_application_cache#Gotchas

Never access cached files by using traditional GET parameters (like other-cached-page.html?parameterName=value). This will make the browser bypass the cache and attempt to get it from network. To link to cached resources that have parameters parsed in JavaScript use parameters in the hash part of the link, such as other-cached-page.html#whatever?parameterName=value.

但这正是您的 js-search 所做的。它尝试使用 XHR 加载这样的子页面“http://www.filemanage.co.uk/offline/index.html?1350563635665”。

作为修复试试这个

// change in function sendRequest line 228 from 
this.httpRequest.open("GET", uri+"?"+q, true);
// to
this.httpRequest.open("GET", uri, true);