堆棧內存溢出
  簡體   English   中英

如何將 HTML 頁面的內容歸檔到 1 個文件中？

[英]How to archive the contents of a HTML page into 1 file?

 原文  2020-06-15 04:55:19  8   1    javascript/ html/ jquery

問題描述

我想知道如何將 HTML 文件和所有依賴項保存到一個文件中。 與 MHTML 文件不同，它不會將其剪切以將 style.css 更改為 example.com/style.css。 它需要變成： <style>[css]</style>

例如，您是否會通過獲取 CSS 然后在<head>中創建<style>標記並粘貼樣式標記來做到這一點？ 我會使用什么（如果有的話）JS 庫？ 或者我應該使用 JQuery 和 AJAX 嗎？

編輯：

我正在制作一個可以使用 CSS 和 JS 內聯歸檔頁面的工具。 例如，您可以在參加會議之前將數據存檔在站點上，這樣您就不必擔心服務器停機或統計數據發生變化。

1 個解決方案

解決方案1
 0  2020-06-15 07:29:21

我有一個類似的項目，我的解決方案涉及幾個部分：

  • 在外部文件中有預期的 css
  • 將 HTML 的模板保存為字符串文字
  • 將您使用的數據在渲染時存儲在命名的 div 中
const styleData = await fetch('<some_location>/styles.css')
     .then( res => res.text()); // need to convert the file to useable text

const dataHTML = document.getElementById('dataDiv').innerHTML;


const outputHTML = '<html>
    <head>
<style>
    ${styleData }
</style>
</head>
<body>
    ${dataHTML}
</body>';

從那里您可以讓您的主網頁通過按鈕將數據保存到文件中， 如此處所述。

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 在 HTML 頁面顯示文件內容 用Javascript將文件內容寫入HTML頁面 在html頁面中顯示csv文件的內容 如何使html頁面的內容更小？ 訪問在另一個頁面的一個html頁面中上傳的文件的內容 如何從一個json文件將一個對象的內容輸出到一個html頁面，而將另一個對象的內容輸出到另一個html頁面？ 如何在Web瀏覽器中讀取.txt文件的內容，對其進行修改並將其顯示為html頁面？ 單擊鏈接時如何在同一頁面上顯示另一個HTML文件的內容？ 如何在jQuery中將PHP file_get_contents的內容解析為HTML？ 如何在javascript中讀取HTML文件內容
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM