1

У меня есть веб-приложение, в котором я хочу сохранить HTML-код для создания статической версии страницы, которую я могу кому-то отправить. Очевидно, что «сохранить как» не сработает.

Есть ли способ сохранить текущую отображаемую DOM как HTML, даже если она была создана javascript?

Обновление с дополнительной информацией

Видимо не понятно о чем я спрашиваю. У меня есть приложение Ember. Страница index.html содержит:

<!DOCTYPE html>
<html lang="en">
  <body>
    <script>
      window.AppENV = {{ENV}};
      window.EmberENV = window.AppENV.EmberENV;
    </script>
    <script src="assets/vendor.js"></script>
    <script src="assets/app.js"></script>
    <script>
      window.App = require('app/app')['default'].create(AppENV.APP);
    </script>
  </body>
</html>

У меня также есть шаблон, как:

<ul>
{{#each thing in things}}
   <li>{{thing.title}}</li>
{{/each}}
</ul>

Когда я загружаю это приложение в своем браузере, базовый HTML-код в DOM будет выглядеть примерно так, и это то, что я хочу сохранить напрямую:

<!DOCTYPE html>
<html lang="en">
  <body>
    <ul>
      <li>my thing 1</li>
      <li>my thing 2</li>
    </ul>
  </body>
</html>

Так как же сохранить HTML-код, сгенерированный моим приложением, в виде статической страницы? При использовании браузера «Сохранить как» сохраняется только необработанный index.html . Он не пересекает DOM и не создает дамп сгенерированного HTML, что мне и нужно (по крайней мере, в Chrome).

1 ответ1

0

Chrome и Firefox сохранят копию страницы в том виде, в котором она отображается в данный момент (т. Е. С использованием текущего DOM), с помощью Ctrl+S / Save Page As... если вы выберете Web page, complete .

Для информации, если выбрана Web page, HTML only , вы получите исходный HTML-код.

Попробуйте на этой странице, например.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .