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