Я использую новую функциональность манифеста кеша из HTML5 для кэширования моего веб-приложения, чтобы оно работало в автономном режиме. Содержимое кэшируется автоматически, когда страница загружается со следующим элементом html:
<html lang="en" manifest="offline.manifest">
Это нормально работает. Однако я хочу дать своим пользователям возможность выбирать, хотят ли они кэшировать контент в автономном режиме. Вот мой вопрос:
<head>
<meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="Main.js"></script>
</head>
<body>
<button id="cacheButton">Cache Page</button>
</body>
</html>
--------- Main.js ---------
$(document).ready(
function()
{
$('#cacheButton').click(onCacheButtonClick);
}
)
function onCacheButtonClick(event)
{
console.log("Setting Offline Manifest");
$('#htmlRoot').attr("manifest","offline.manifest");
}
------------- offline.manifest ------- ------
CACHE MANIFEST
#version .85
#root
index.html
scripts/main.js
#jquery assets
http://code.jquery.com/jquery-1.4.4.min.js
Обычно, когда нажимается кнопка, я динамически устанавливаю атрибут manifest элемента html. Это работает (в том смысле, что элемент установлен), но не заставляет браузер затем кэшировать страницу.
Есть предложения?