下载网页和依赖关系,包括CSS图像

通常我需要下载一个网页,然后离线编辑。 我已经尝试了几个工具,他们缺乏的主要function是下载CSS文件中引用的图像

有没有一个工具(Linux),将下载的一切,使网页将呈现相同的脱机(不包括AJAX)?

7 Solutions collect form web for “下载网页和依赖关系,包括CSS图像”

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

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

编辑:meder是正确的:股票wget不parsing和下载css图像。 不过,有一个补丁增加了这个function:[ 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. 

有可能通过Firefox做到这一点,看看这个表格

  1. 右键点击
  2. 查看页面信息
  3. select媒体选项卡
  4. 突出显示所有文件
  5. 另存为

参考 – http://www.webdeveloper.com/forum/showthread.php?t=212610

wget是您的绝佳select。 只是想了解更多的信息,目前windows上的wget版本没有官方发布的gnu for wget版本1.12。 目前的版本是1.11

wget版本1.11不能在css文件中下载图片/字体。 幸运的是,你可以从这个页面find1.14版本。 它解决了这些问题。

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

有一天,我为客户工作遇到了同样的问题。 另一个工作得很好的工具是HTTrack 。 这个软件可以在Windows和Linux的命令行版本中使用。 对于Linux,他们为大多数常见操作系统预置了软件包

对于我的目的,它比wget更好的一些附加function/开关修复HTML文件中的链接。

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

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

在Firefox中:

文件 – >保存页面 – >网页,完成

保存所有的JavaScript和图像和CSS。 没有别的要求:)

 wget 
  • 如何设置:链接高度/宽度与CSS?
  • 我可以做的CSS:伪元素追加元素之外的内容?
  • 高度:100%的<div>里面的<div>与显示:表格单元格
  • 防止contenteditable在ENTER上添加<div> - Chrome
  • 我可以在整个页面加载之前运行JavaScript?
  • Webstorm:“无法parsing目录”
  • 使用HtmlAgilityPackparsingHTML页面
  • CSS:当没有固定大小的div已知时,垂直alignmentdiv
  • 应该在img标签高度/宽度属性或CSS中定义图像大小?
  • 获取修改的预定义树遍历模型(嵌套集)到<ul>中
  • 如何使用HTML / CSS将图片包裹在图片周围