用Scrapbook仿制页面的记录

声明：本文目的在于记录作者学习过程。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文件，然后按照上述，修改其内容，切记。