web-dev-qa-db-ja.com

CSSページを含むWebページと依存関係をダウンロードする

多くの場合、Webページをダウンロードしてからオフラインで編集する必要があります。いくつかのツールを試しましたが、それらのツールの主な機能は、CSSファイルで参照されている画像をダウンロードすることです。

Webページが同じオフライン（AJAXを除く）をレンダリングするようにすべてをダウンロードするツール（Linux用）はありますか？

htmlcssimagedownload
67
hoju
wget --page-requisites http://example.com/your/page.html

このオプション を指定すると、Wgetは特定のhtmlページを適切に表示するために必要なすべてのファイルをダウンロードします。これには、インライン画像、サウンド、参照されたスタイルシートなどが含まれます。

編集：mederは正しい：ストックwgetはcss画像を解析およびダウンロードしません。ただし、この機能を追加するパッチがあります：[ 1 、 2 ]

更新：上記のパッチ wget 1.12にマージされました 、2009年9月22日リリース：

** 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.
86
ax.

Firefoxでこれを行うことができます。このフォームを参照してください

  1. 右クリック
  2. ページ情報を見る
  3. メディアの選択タブ
  4. すべてのファイルを強調表示する
  5. 名前を付けて保存

リファレンス- http://www.webdeveloper.com/forum/showthread.php?t=21261

11
Jonathan

先日、クライアントで働いていたときに同じ問題に遭遇しました。本当にうまく機能する別のツールは HTTrack です。このソフトウェアは、WindowsとLinuxの両方でコマンドラインバージョンで使用できます。 Linuxの場合、それらはより一般的なオペレーティングシステムのほとんどのパッケージを事前にビルドしました here

私の目的では、htmlファイル内のリンクを修正する追加機能/スイッチのいくつかを使用してwgetよりもうまく機能しました。

9
Everette Mills

wgetは最適な選択です。詳細については、Windowsのwgetバージョンでは、現時点で、wgetバージョン1.12のgnuの公式リリースはありません。現在のバージョンは1.11です

wgetバージョン1.11は、CSSファイル内の画像/フォントをダウンロードできません。幸いなことに、このページから1.14のビルドを見つけることができます。これらの問題を修正しました。

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

8
Tran Dang Khoa

Opera（12）の現在のバージョンでは、ページを 'HTML with images'として保存できます。

これによりOperaは、CSSファイルで参照される画像もダウンロードし、それに応じてCSSの画像URLを適合させます。

3
Marco

Firefoxの場合：

ファイル->ページを名前を付けて保存->ウェブページ、完了

すべてのjavascriptおよび画像とcssを保存します。他に何も必要ありません:)

1
LiveSource