簡體   English   中英

是否可以將包含大量JavaScript的動態HTML頁面轉換為不包含JavaScript的頁面?

[英]Is it possible to convert a dynamic HTML page with a lot of javascript to a page without javascript?

我的頁面上有很多JavaScript。 但是,一旦呈現的頁面仍然是靜態的,沒有任何移動的東西或特殊效果等。應該可以僅使用純HTML和CSS來呈現相同的HTML,而無需任何JavaScript。 這正是我想要的-我想獲取特定頁面的無JavaScript版本。 當然,我不希望有任何動態行為,因此,例如,如果按鈕已死,則可以。 我只想渲染它們。

現在,我不需要圖像。 它必須是帶有CSS的HTML,也可以嵌入HTML,這也很好。

我該怎么做?

編輯

對不起,但我一定不清楚。 我的網站使用javascript,如果沒有它就無法使用。 我不想檢查它是否可以工作,我知道它不會,而且我真的不在乎。 這不是我要的。 我問一個特定的頁面,我想將其作為純HTML + CSS來抓取。 失去其動態性質的事實並不重要。

EDIT2

有建議從DOM檢查器中提取HTML。 這是我要做的第一件事-在Chrome開發實用程序中,將根html元素復制為HTML並將其保存到文件中。 當然,這是行不通的,因為它繼續引用Web上的CSS文件。 我想我應該提到我希望它可以在文件系統中運行。

接下來是使用某種“保存”菜單(取決於瀏覽器)將頁面保存為完整的所有環境。 它保存頁面和所有相關文件,形成一個閉包,可以從文件系統中打開它。 但是html必須手動清除所有javascript-繁瑣且容易出錯。

EDIT3

我似乎一直忘記事情。 當然,應該保留圖像。

我必須半定期地執行類似的任務。 到目前為止,我還沒有找到一種自動化的方法,但是這是我的工作流程:

  1. 在谷歌瀏覽器中打開頁面(我猜想FireFox也有相關工具);
  2. “將頁面另存為”(完整頁面),將html頁面重命名為更好的名稱,刪除所有已下載的.js腳本,將所有內容移動到單個文件夾中;
  3. 在原始頁面上,打開“元素”選項卡(DOM檢查器),查找並刪除我知道會引起問題的任何標簽(例如,Facebook的“贊”按鈕)(在此階段,我也嘗試刪除script標簽,因為這樣更容易)並復制以HTML格式顯示(右鍵單擊<html>標記。將其粘貼(替換)到下載的HTML文件中(請記住,不要復制未復制的DOCTYPE
  4. 在所有HTML文件中搜索剩余的script節並刪除(也刪除任何noscript內容),然后搜索on (開頭帶有空格,但StackOverflow不會呈現它)以刪除處理程序( onloadonclick等);
  5. 搜索圖像( src=url( ),在圖像文件名中找到常用模式,並使用正則表達式全局替換它們。例如, src="/images/myimage.png" => |/images/|| 。應用於所有HTML和CSS文件,還請確保CSS文件具有正確的路徑( href )。在執行此操作時,我通常將所有href (鏈接)替換為#
  6. 最后,在瀏覽器中打開轉換后的頁面(實際上,我傾向於盡早進行此操作,以便查看是否所做的任何更改都會導致其中斷),使用“控制台”選項卡檢查404錯誤(未下載的圖像)或使用其他名稱)和“網絡”標簽,以檢查是否仍在從在線版本加載任何內容;
  7. 對於任何未下載的文件,我返回原始頁面,然后使用“資源”選項卡找到它們並手動下載;
  8. (可選)剔除不需要的任何內容(跟蹤器圖像/ iframe,未使用的CSS等)。

辛苦了 我很喜歡一種可以自動完成所有工作的工具,但是到目前為止我還沒有找到一個。 我下載的頁面制作得很糟糕(商店),其中包含許多不尋常的代碼,因此這就是為什么要執行許多步驟的原因。 您可能不需要遵循每個步驟。

暫無
暫無

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

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM