下载网页和依赖项,包括css图像

时间:2009-10-17 06:07:06

标签: html css image download

我经常需要下载网页,然后离线编辑。 我尝试了一些工具,他们缺少的主要功能是下载CSS文件中引用的图像。

是否有一个工具(用于Linux)将下载所有内容,以便网页呈现相同的离线(不包括AJAX)?

7 个答案:

答案 0 :(得分:85)

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

This option使Wget下载正确显示给定html页面所需的所有文件。这包括内联图像,声音和引用样式表等内容。

编辑:meder是对的:股票wget不解析和下载CSS图像。但是,有一个补丁添加了此功能:[12]

更新:2009年9月22日发布的上述补丁has been merged into wget 1.12

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

答案 1 :(得分:11)

可以通过Firefox执行此操作,请参阅此表单

  1. 右键单击
  2. 查看页面信息
  3. 选择媒体标签
  4. 突出显示所有文件
  5. 另存为
  6. 参考 - http://www.webdeveloper.com/forum/showthread.php?t=212610

答案 2 :(得分:9)

前几天我遇到了同样的问题,为客户工作。另一个效果很好的工具是HTTrack。该软件可在Windows和Linux的命令行版本中使用。对于Linux,他们为大多数更常见的操作系统预先构建了包here

就我的目的而言,它比使用一些修复了html文件中链接的附加功能/开关更好。

答案 3 :(得分:8)

wget对你来说是个不错的选择。仅仅是为了获取更多信息,此时Windows上的wget版本在gnu上没有针对wget版本1.12的正式版本。目前的版本是1.11

wget版本1.11无法下载css文件中的图像/字体。幸运的是,您可以从此页面中找到1.14版本。它解决了这些问题。

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

答案 4 :(得分:3)

当前版本的Opera(12)允许将页面保存为“带图像的HTML”。

因此,Opera还会下载CSS文件中引用的图像,并相应地调整CSS中的图像URL。

答案 5 :(得分:1)

在Firefox中:

文件 - >保存页面As->网页,完成

保存所有javascript和图片以及css。没有其他要求:)

答案 6 :(得分:-4)

wget