Як зберегти веб-додаток до статичного HTML?


1

У мене є webapp, що я хочу зберегти 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).


Якщо веб-програма не взаємодіє з сервером, Зберегти як повинні працювати. Якщо він спілкується з сервером, його неможливо зберегти.
gronostaj

Він не зв'язується з сервером, але відображає дані з локального сховища. Я в основному хочу зберегти все, що відображає DOM браузера, а не базовий HTML / JS, який його побудував.
Nola Shiffer

Ви хочете зберегти тільки HTML-сторінку, не включаючи інші ресурси. я зрозумів правильно?
Amirreza Nasiri

Це те, що ви шукаєте: updates.html5rocks.com/2011/08/…
krowe

@AmirrezaNasiri У мене є сторінка, що містить заголовок і список елементів, які всі створені javascript. Я хочу зберегти статичну версію сторінки для відправки дизайнеру. Тобто. Я хочу надіслати HTML, який було вставлено в DOM для створення сторінки.
Nola Shiffer

Відповіді:


0

Chrome і Firefox збережуть копію сторінки, яка зараз відображається (наприклад, використовуючи поточний DOM) Ctrl + S / Save Page As... якщо ви виберете Web page, complete.

Для інформації, якщо Web page, HTML only Вибрано початковий HTML.

Спробуй цієї сторінки наприклад.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.