Разрешить пользователю загружать полную веб-страницу (HTML, CSS и JS) из React SPA

#html #reactjs #download

Вопрос:

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

Я пытаюсь разрешить пользователю загружать страницу React SPA в формате .html, которая имеет все соответствующие стили и функции исходной страницы, чтобы они могли управлять ею в автономном режиме, печатать ее и т. Д. На самом деле я не совсем уверен, зачем клиенту нужна эта функциональность, я говорю использовать pdf, но они непреклонны.

Есть ли способ сделать это, который я не смог найти, или кто-нибудь пытался сделать что-то подобное?

Это то, что у меня есть, чтобы загрузить только html-оболочку… но я тоже не уверен, как получить стили.

 var pageHTMLObject = document.getElementsByClassName("container")[0];  var pageHTML = pageHTMLObject.outerHTML;  var tempElement = document.createElement("a");   tempElement.href =  "data:text/html;charset=UTF-8,"   encodeURIComponent(pageHTML);  tempElement.target = "_blank";  tempElement.download = "assessment.html";  tempElement.click();  };  

Моя единственная мысль-получить доступ к таблицам стилей и добавить их в html, но, похоже, должен быть другой способ.

Спасибо за любую помощь!