2012-10-18 63 views
1

我建立一个简单的网站,需要能够完全脱机如果需要的运行。目的是成为一个50多页的可搜索参考手册。离线HTML5网站使用JavaScript搜索

我需要整个网站当打开一个页面进行缓存。我正在用appcache清单来做这件事,并让网站缓存并在离线手机上查看,似乎工作正常。

该网站有一个基本的JavaScript搜索工具(这是一个免费软件下载),并同时在网上搜索这个完美的作品。一旦互联网连接停止,缓存的版本中使用的搜索不再起作用,显示两个中的一个症状1.单击按钮却没有任何反应或2. A“网页无法找到”显示错误的类型。

这个网站的基本开发版本可以发现如下:

http://www.filemanage.co.uk/offline/index.html

我不知道如何调试JS和不知道问题出在哪里,因此任何帮助,将不胜感激。

回答

2

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

报价永远不能访问通过使用传统的GET参数(如 其他缓存-page.html中?参数名称=值)高速缓存文件。这将使 浏览器绕过缓存并尝试从网络获取它。要链接 到具有在JavaScript解析在链接的散列部使用 参数参数缓存的资源,如 其他缓存-page.html中#什么?参数名称=值。

但是,这是你的JS-搜索究竟是干什么的。它尝试使用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); 
+1

P.S:使用[萤火](https://getfirebug.com/)调试你的JS –

+0

啊,使很多意义!我会立即更新并回复。谢谢! – Ryan

+0

好吧,我改变了这一行。现在搜索什么都没做。我有我一直使用的FireBug,但不知道如何使用它来调试JS,只知道我可以查看JS。 – Ryan