声明：本文目的在于记录作者学习过程。Web页面是他人的创作成果，不得侵犯权利人的法定权益。
工具：Firefox 32.XXX
插件 ScrapBook
编辑器：EditPlus 2.0
第一步：下载ScrapBook插件，因为32.XX版本的FF有重大修正，因此，必须使用2.0的ScrapBook，直接在Firefox中搜索，只能得到1.X的版本，但是在其说明中可以找到2.0的链接，下载安装。
第二步：打开目标页面，右键弹出菜单：选择页面另存为（非FF自带的），选项如下图
选择如下
9
第三步：打开ScrapBook，右键点击另存的标签，鼠标移动到工具，点击下图中的查看文件。
会弹出系统的资源管理器，里面有所有文件。
但是，没有按照原来HTML进行分目录保存，所以需要进行整理。
整理方法如下
新建image、js、css三个目录，各类文件分别投入三个文件夹，保存的主页面永远为index.html，可以自行重命名
用EditPlus打开index.html，用下面的正则表达式进行替换
图像：
([0-9a-zA-Z\.-_]+\.(jpg|jpeg|png|gif))
image/\1
javsscript
([0-9a-zA-Z\.-_]+\.js)
js/\1
CSS
([0-9a-zA-Z\.-_]+\.css)
css/\1。
然后，打开CSS文件，对其中用URL引用的图片路径进行修改，添加 "../image"，必须加..，因为系统使用CSS文件所在位置的相对位置，如果用image/top.jpg,会变成http://localhost/css/image/top.jpg
因为ScrapBook的原来是根据FF给出的HTML资源，进行整理，因此，CSS只使用了保存页面必须的元素，原CSS中存在，但是没有使用的元素会被忽略，因此，如果需要下载同一站点的多个页面，可以手动下载CSS文件，然后按照上述，修改其内容，切记。
