2009-10-17 219 views
59

通常我需要下載一個網頁,然後離線編輯它。 我嘗試了一些工具,它們缺少的主要功能是下載CSS文件中引用的圖像。下載網頁和依賴包括css圖像

是否有一個工具(用於Linux)將下載所有內容,以便網頁呈現相同的離線(不包括AJAX)?

+0

這對我來說是最好的:::::::::::: wget - 無clobber - 頁 - 必需品--html - 擴展名--convert-links --restrict-file-names = windows --no-parent http://example.com/ – rsharpy 2016-05-06 05:50:46

回答

79
wget --page-requisites http://example.com/your/page.html 

This option使Wget的下載所有所必需的正確顯示給定的html頁面的文件。這包括內聯圖像,聲音和引用樣式表等內容。

編輯:meder是正確的:股票wget不解析和下載css圖像。然而,有,這增加了該功能的補丁:12]

UPDATE:以上has been merged into wget 1.12提到的補丁,發佈22月 - 2009年:

** Added support for CSS. This includes: 
- Parsing links from CSS files, and from CSS content found in HTML 
    style tags and attributes. 
- Supporting conversion of links found within CSS content, when 
    --convert-links is specified. 
- Ensuring that CSS files end in the ".css" filename extension, 
    when --convert-links is specified. 
+3

據我所知,這不會下載CSS文件中引用的圖像,這是OP的意圖。我認爲你將不得不編寫一個解析css文件的腳本,或者找到某個人創建的腳本,但我也很好奇。 – 2009-10-17 06:35:46

+0

你應該下載整個目錄圖像遞歸 – OscarRyz 2009-10-17 08:19:00

+0

似乎補丁已經從07年左右,仍然沒有整合... – hoju 2009-10-18 23:17:07

6

我遇到了同樣的問題有一天在爲客戶工作。另一個工作得很好的工具是HTTrack。該軟件可以在Windows和Linux的命令行版本中使用。對於Linux,他們預編譯軟件包對於大多數比較常見的操作系統發現here

對於我而言,它的工作比wget的更好一些附加功能/交換機修復的HTML文件中的鏈接。

+0

你使用什麼語法來完成這個任務? – 2013-06-17 17:48:18

+0

相當完整的文檔在這裏[鏈接](http://www.httrack.com/html/shelldoc.html)我不記得我使用的確切設置,但我嘗試了幾種不同的組合來拉下我所需要的。 – 2013-06-19 17:48:37

+0

@EveretteMills,我正在尋找感謝 – 2016-09-16 12:07:25

9

有可能通過火狐要做到這一點,看到這種形式的

  1. 右鍵單擊
  2. 查看網頁信息
  3. 選擇媒體選項卡
  4. 選中所有文件
  5. 另存爲

參考 - http://www.webdeveloper.com/forum/showthread.php?t=212610

+5

這不會幫助保存css或js文件 – 2013-01-08 10:27:57

+3

不會得到由操作系統指定的CSS。這是一個很酷的技巧/過程。自己不會想到它。感謝發佈。 – BishopZ 2013-05-01 18:54:56

+1

它爲我工作,保存所有通過CSS使用的PNG,非常感謝。 – user9349193413 2013-07-25 09:09:48

8

wget是您的絕佳選擇。只是爲了獲得更多信息,目前windows上的wget版本沒有官方發佈的gnu for wget版本1.12。當前版本爲1.11

wget版本1.11無法在css文件中下載圖像/字體。幸運的是,你可以從這個頁面找到1.14版本。它解決了這些問題。

http://opensourcepack.blogspot.com/2010/05/wget-112-for-windows.html

+2

+1讓我們知道沒有Windows版本'1.12' – 2012-09-24 00:35:33

2

在Firefox:

文件 - >保存頁面AS->網頁,全部

保存所有JavaScript和圖像和CSS。沒有其他要求:)

+3

不幸的是,這種方法不會下載CSS文件中引用的圖像(在當前最新的FF 21和更低版本中)。 – sgnsajgon 2013-06-17 22:32:11

3

Opera(12)的當前版本允許將頁面另存爲'帶圖像的HTML'。

因此,Opera還下載CSS文件中引用的圖像,並相應地調整CSS中的圖像URL。

+0

在其他選項失敗的地方完美地工作。 – 2013-09-18 19:55:44