Сохранить содержимое <div> в html-файл

У меня есть <div>на моей странице, которая постоянно обновляется каждые 3 секунды. Я использую setIntervalи AJAXдля этого и обновление <div>.

Я добавил кнопку, которая сохраняет текущие <div>данные и записывает их в a .html ‘ файл, а затем загружает его, но он не работает хорошо через браузеры.

В Chrome это работает:

$("#save").click(function () {
    $('<a/>').attr({
          download: 'export.html', 
          href: "data:text/html," + $('#result').html() 
    })[0].click()
});

Но он не работает в IE11, Firefox или Edge, он ничего не делает. В Safari он работает, но изменяет текущую активную страницу на export.htmlвместо загрузки export.htmlфайла.

Есть ли способ сделать это, который будет работать через браузеры. <div>Записали ли выходные данные в html-файл и загрузили его?

Спасибо.

1 ответ

  1. Я обновил свой сценарий, чтобы записать выходные данные, показанные в DIV, во временный файл на сервере. Затем на странице отображается ссылка на загрузку, и скрипт загрузки бэкенда получает временный файл и загружает его. Это, кажется, работает нормально.