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

Question

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

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

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

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

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

Однако этот метод сохраняет перезагрузки IFrame ЦСИ при закачке на держатель.

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

Answer 1

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

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

Answer 2

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