未显示应用程序缓存的后备

Question

我有一个网络应用程序，它使用应用程序缓存功能进行本地存储。 如果他不在线，我想向用户显示某个html文件。为此目的，清单中的FALLBACK部分到目前为止我已经理解了。

为简单起见，我目前只有一个缓存在清单中的文件：

CACHE MANIFEST

CACHE:
someFile.css

NETWORK:
*

FALLBACK:
/ offline.html

我首先加载具有互联网访问权限的页面，以便浏览器可以下载someFile.css和offline.html并将其存储在本地。 然后我中断对服务器的互联网访问并重新加载页面。现在我希望在浏览器中看到offline.html，但事实并非如此。

Chrome确实尝试加载index.html（主版）所需的文件，但未在清单中说明。检查调试窗口中的“网络”选项卡将显示以下这些文件的行：

Status Code:200 OK (from cache)

从这些文件的缓存中获取？显示调试窗口并且应用程序缓存没有这些文件时，将禁用浏览器缓存。

当我在“网络”选项卡中检查“预览”时，它会显示每个文件的offline.html。现在看来，根据需要加载了offline.html，但Chrome需要其他东西（index.html中陈述的JS和CSS文件），因此误解了收到的offline.html：

Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://domain/someFile.css". 

我该怎么做才能看到offline.html？ 我只是想在无法访问服务器时看到offline.html。