Получение ресурса интерпретируется как сценарий, но передается с MIME-типом text / html, когда я не в сети и запрашиваю файлы css и js из AppCache - PullRequest
Новая
       35

Получение ресурса интерпретируется как сценарий, но передается с MIME-типом text / html, когда я не в сети и запрашиваю файлы css и js из AppCache

0 голосов
/ 10 марта 2012

Я занимаюсь разработкой веб-приложения, в котором пытаюсь использовать кэш приложения HTML5.

Я могу успешно кэшировать файлы и загружать файлы из AppCache в режиме онлайн. Но когда я перехожу в автономный режим, все файлы css и js передаются с помощью MIME-типа text / html вместо application / x-javascript или text / css, поэтому он не работает должным образом в автономном режиме.

Это то, что я получаю, когда запрашиваю страницу в автономном режиме. 

Application Cache Error event: Manifest fetch failed (-1) https://example.com/manifest
Resource interpreted as Stylesheet but transferred with MIME type text/html: "https://example.com/offline_assets/stylesheets/cache/offline_all.css".
Resource interpreted as Script but transferred with MIME type text/html: "https://example.com/javascripts/offline/respond.min.js".
Resource interpreted as Script but transferred with MIME type text/html: "https://example.com/javascripts/yui3/3.1.1/build/yui/yui-min.js".
Resource interpreted as Script but transferred with MIME type text/html: "https://example.com/offline_assets/sprockets.js".

Таким образом, страница не стилизована, и в ней появляются ошибки типа JS.

Как правильно настроить, чтобы файлы css и js передавались с правильным MIME-типом из appcache в автономном режиме? спасибо за ваши предложения

Обновлено: так я обслуживаю файл манифеста на сервере 

class ManifestController < ApplicationController

  def show
    headers['Content-Type'] = 'text/cache-manifest'
    render :text => File.open("#{RAILS_ROOT}/public/manifest.appcache").read, :layout => false
  end
end

и я прошел этот проверочный тест: http://manifest -validator.com /

Вот мой файл манифеста: 

CACHE MANIFEST
#<
/offline_assets/stylesheets/cache/offline_all.css
/offline_assets/fonts/websymbols-regular-webfont.woff
/offline_assets/javascripts/yui3/3.1.1/build/yui/yui-min.js
/offline_assets/sprockets.js
/offline_assets/javascripts/offline/respond.min.js
/offline_assets/images/logoClio.png
/offline_assets/images/search/icoSearch.png
/offline_assets/images/icoArrow-down.png
/offline_assets/images/gold/submenu_current.png
/offline_assets/images/calendar/left_arrow.gif
/offline_assets/images/calendar/right_arrow.gif
/offline_assets/images/calendar/left_arrow_on.gif
/offline_assets/images/calendar/right_arrow_on.gif
/offline_assets/images/calendar-lg.gif
/offline_assets/images/logo-tagline.gif
/offline_assets/images/icoRecent-matter.png
/offline_assets/images/icoRecent-contact.png
/offline_assets/stylesheets/yui/dt-arrow-dn.png
/offline_assets/stylesheets/cache/sprite.png
/offline_assets/images/timer_stop.png
/offline_assets/images/add3.png
/offline_assets/images/arrow_down.gif
/offline_assets/images/spinner.gif
/offline_assets/images/timer_start.png
/offline_assets/images/delete.png
/offline_assets/images/offline/logoClio.png
/offline_assets/images/offline/bgSteps-1.png
/offline_assets/images/offline/bgSteps-2.png
/offline_assets/images/offline/bgSteps-3.png
/offline_assets/images/offline/icoReload.png
/offline_assets/images/offline/dt-arrow-dn.png
/offline_assets/images/offline/sprite.png
#>

# offline.html will be displayed if the user is offline and attempt to get uncached pages
FALLBACK:
/ /offline.html

# All other resources (e.g. sites) require the user to be online. 
NETWORK:
*

И это один из кэшированных файлов, который показывает тип MIME и другие подробности о chrome: // appcache-internals / 

https://staging.goclio.com/offline_assets/sprockets.js?cec750eb3581f3d9f78c97d0ad8331df
HTTP/1.1 200 OK
Server: nginx/0.8.55
Date: Fri, 09 Mar 2012 19:56:17 GMT
Content-Type: application/x-javascript
Last-Modified: Fri, 09 Mar 2012 19:51:10 GMT
Expires: Thu, 31 Dec 2037 23:55:55 GMT
Cache-Control: max-age=315360000
X-Backend-Server: 333963-web02.rs.goclio.com:81
Accept-Ranges: bytes
Vary: Accept-Encoding, User-Agent
Content-Encoding: gzip

Еще одно обновление: это отлично работает на Firefox без каких-либо ошибок типа MIME. Naoya

1 Ответ

0 голосов
/ 13 марта 2012

На самом деле это не было проблемой типа MIME. Он выдавал мне текстовую / html-ошибку типа контента, когда возвращал offline.html, который возвращается, когда я запрашиваю некэшированный файл. Проблема заключалась в том, что я добавил хэш MD5 в качестве параметра для каждого файла. так что манифест выглядел так: 

CACHE MANIFEST
/offline_assets/stylesheets/cache/offline_all.css?someMD5hash
/offline_assets/javascripts/yui3/3.1.1/build/yui/yui-min.jsf?anotherMD5hash
#and may more files with MD5 hash

FALLBACK:
/ /offline.html

NETWORK:
*

когда он запрашивал содержимое в автономном режиме, он не смог найти подходящий файл, так как имя кэшированного файла содержало хэш MD5 в качестве параметра. Поэтому я решил это, включив в качестве комментария хеш MD5.

...