Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 缓存使我的网站离线不是';行不通_Javascript_Jquery_Html_Google Chrome_Caching - Fatal编程技术网

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..
})