[英]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
我似乎一直忘記事情。 當然,應該保留圖像。
我必須半定期地執行類似的任務。 到目前為止,我還沒有找到一種自動化的方法,但是這是我的工作流程:
.js
腳本,將所有內容移動到單個文件夾中; script
標簽,因為這樣更容易)並復制以HTML格式顯示(右鍵單擊<html>
標記。將其粘貼(替換)到下載的HTML文件中(請記住,不要復制未復制的DOCTYPE
; script
節並刪除(也刪除任何noscript
內容),然后搜索on
(開頭帶有空格,但StackOverflow不會呈現它)以刪除處理程序( onload
, onclick
等); src=
, url(
),在圖像文件名中找到常用模式,並使用正則表達式全局替換它們。例如, src="/images/myimage.png"
=> |/images/||
。應用於所有HTML和CSS文件,還請確保CSS文件具有正確的路徑( href
)。在執行此操作時,我通常將所有href
(鏈接)替換為#
; 辛苦了 我很喜歡一種可以自動完成所有工作的工具,但是到目前為止我還沒有找到一個。 我下載的頁面制作得很糟糕(商店),其中包含許多不尋常的代碼,因此這就是為什么要執行許多步驟的原因。 您可能不需要遵循每個步驟。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.