2012-01-17 16 views
5

較短的版本問題的如何與各種風格捕捉運行時的HTML內容/狀態應用和JavaScript去除

有什麼辦法來捕捉運行HTML(DOM的當前狀態)與應用/內聯的所有樣式一個動態(Ajax/JavaScript)網頁?


加長版

我想要做的是保存DOM爲一個HTML頁面的當前狀態與各種風格無論是包裹在應用或樣式內聯<style>標籤。

類似地,我需要的是一些類似coredump文件(它給出了當前的應用程序狀態)的東西,但在這種情況下可以加載到瀏覽器中查看/調試的(html)文件。

如果頁面中沒有javascript,此任務將非常容易。

  • File->Save Page As -> html complete從Web瀏覽器
  • 或使用工具,如http://www.httrack.com或捲曲的下載頁面,所有鏈接的圖像

繼其列在較高水平可以採取哪些措施以編程方式做同樣的(雖然沒有完整的解決方案)

  • 獲得html內容
  • 刪除LL標籤和onXXX從每個屬性的onclick喜歡
  • 獲得*的CSS內容中<style>
  • 變化
  • 嵌入CSS樣式相對
  • 所有圖像路徑保存所有圖片

但JavaScript時用於構建頁面,或者如果頁面狀態在加載/單擊時發生更改,如某些元素被隱藏並且頁面佈局被更改,則以上方法無法使用。

那麼如何保存(動態javascript啓用)網頁的當前狀態?

如果再這樣的方法/工具/插件存在這將是很方便的電子郵件/共享與別人誰沒有接入互聯網或Web應用程序的頁面

回答

0

所以我假設你想幹什麼它在桌面上? 然後,我會使用一個優選的無頭瀏覽器,如phantomjs,並禁用跨站點腳本。 編寫JavaScript,將您的目標網址加載到iframe中,獲取它的dom並將其保存到文件中。 你仍然需要手動保存所有的CSS,不知道如何內聯它。

相關問題