Javascript 缓存使我的网站离线不是';行不通
下面是我的缓存文件:Javascript 缓存使我的网站离线不是';行不通,javascript,jquery,html,google-chrome,caching,Javascript,Jquery,Html,Google Chrome,Caching,下面是我的缓存文件: CACHE MANIFEST # 2013-11-22 14:38:54735779 CACHE: ../../../../assets/img/background_01.jpg ../../../../assets/img/background_02.jpg ../../../../assets/img/background_03.jpg ../../../../assets/img/datepicker_icon.png ../../../../assets/js
CACHE MANIFEST
# 2013-11-22 14:38:54735779
CACHE:
../../../../assets/img/background_01.jpg
../../../../assets/img/background_02.jpg
../../../../assets/img/background_03.jpg
../../../../assets/img/datepicker_icon.png
../../../../assets/js/jquery-1.10.2.min.js
../../../../assets/js/jquery-ui-1.10.0.custom.min.js
../../../../assets/js/bootstrap.min.js
../../../../offline/offline.js
../../../../offline/offline_external.js
NETWORK:
*
在Google Chrome中(当互联网处于活动状态时),我可以看到上面所有指定的文件都被缓存。Google Chrome能够显示缓存的项目。但是,当我尝试关闭internet并刷新页面时,chrome会报告以下错误:
应用程序缓存错误事件:清单获取失败(-1)未捕获
ReferenceError:未定义jQuery
(匿名函数)获取
Jquery的路径是正确的,我不能对此进行指责,因为我可以单击链接,它将我导航到服务器中的正确位置
有人能告诉我哪里出错了吗
我在本地服务器上尝试了相同的设置,但没有出现错误
My.htaccess设置如下:
AddType text/cache-manifest manifest
AddType application/octet-stream csv
RewriteEngine on
RewriteBase /
RewriteCond %{HTTP_HOST} ^([^\.]+)\.myswebsite\.com$ [NC]
请注意,我已经试过了
AddType文本/缓存清单
及
AddType文本/缓存清单。清单
这并不能解决问题。当我在internet关闭时刷新页面时,脱机仍不起作用。您应使所有资产以/开始,相对于基本域,您的文件应如下所示:
CACHE MANIFEST
# 2013-11-22 14:38:54735779
CACHE:
/assets/img/background_01.jpg
/assets/img/background_02.jpg
/assets/img/background_03.jpg
/assets/img/datepicker_icon.png
/assets/js/jquery-1.10.2.min.js
/assets/js/jquery-ui-1.10.0.custom.min.js
/assets/js/bootstrap.min.js
/offline/offline.js
/offline/offline_external.js
NETWORK:
*
不确定您是否找到了此问题的解决方案,但我也遇到了同样的问题。事实证明,我试图在加载javascript资源之前访问它 我通过确保javascript资源的访问低于对页面上javascript文件的引用来解决这个问题,并将其包装在“$(document.ready(function(){})”调用中
这似乎解决了我的问题。我不太清楚为什么该页面在联机模式下更“宽容”。在您的页面上,您是如何引用jquery的?您使用的是相对路径还是绝对路径?
$(document).ready(function () {
// access the resource here..
})