Хороший метод для кэширования iframe на стороне клиента

Question

Я пытаюсь кэшировать некоторые документы на стороне клиента, чтобы быстрее переключаться между ними.

Документы были загружены в iframe, поэтому вопрос о том, как кэшировать его локально в браузере.

Мой метод должен был иметь переменную item и затем делать

if (item.cache) {
    $('.holder', someElem).html(item.cache);
    return;
}

item.cache = $('<iframe....');
$('.holder', someElem).html(item.cache);

Однако этот метод продолжает перезагружать iframe src, когда вводится в держатель.

Какие-нибудь хорошие методы для кэширования iframe на стороне клиента?

Answer 1

В HTTP встроено кэширование. Марк Ноттингем написал хороший обзор .Установка заголовков Cache-Control и Expires должна быть достаточной для того, что вы описываете.

Answer 2

iframe фактически не запускает обновление страницы, пока оно не будет добавлено в dom.Я предполагаю, что вы сохраняете экземпляр iframe, но не добавляете его в DOM, пока не пришло время его увидеть.Этот метод не работает хорошо.Я бы предложил использовать css "display: none", чтобы загрузить и спрятать, а затем показать, когда вам это нужно.

С другой стороны, держитесь подальше от iframes.Я бы предложил использовать ajax для загрузки данных в div, а затем скрыть это div.