Febotion HTML Spy 使用手册.doc

Febotion HTML Spy使用手册广东省15届高校杯软件设计大赛参赛作品前言Febotion HTML Spy是一个网页在线分析和修改器，它可以分析Microsoft Internet Explorer或是嵌套在应用程序中的浏览器窗口中正在浏览的网页内容，在保持连线状态下实时地修改它。通过使用Febotion HTML Spy，你可以针对网页内每一个元素做修改，可以修改Cookie，添加和调用JavaScript/VBScript，缩放网页，改变网页字体颜色，高亮标记关键字，把网页保存成mht文件，甚至可以即时以可视化方式增删网页内的内容。它是网站开发者研究和检测网站安全性的好助手，也是你提高上网冲浪效率的伴侣。使用方法1 系统需求300Mhz或更高CPU，64MB或更高内存的兼容机Microsoft Windows95/98/2000/XP/2003简体中文版Microsoft Internet Explorer 5.5或以上2 安装本软件为绿色软件，无须安装，只要将程序及其附带文件放到硬盘同一目录中，运行HtmlSpy.exe即可启动程序。3 确定希望被操作的目标网页 使用本软件功能前，你必须确定操作对象，也就是希望被操作的目标网页。拖动软件界面左上方的图标到目标Internet Explorer_Server类的VCL控件上停留一会而，再松开鼠标左键，就可以锁定操作对象。若使用中途需要更换操作对象，请重复以上操作。4 元素页操作元素页是软件主功能的主要操作页之一，通过元素页可以对目标网内所有元素进行分析并提供修改的用户接口。4.1 元素列表 显示网页中所有元素的列表，有“按顺序显示”和“分类显示”两种模式。单击“刷新”按钮可以刷新元素列表；单击“搜索”按钮可以在元素列表总搜索元素。4.2 元素信息当当前选中一元素作为操作对象时，“元素信息”显示该元素的一些基本参数。包括：元素类型：当前元素所属类型名，如TABLE。元素说明：当前元素类型的说明介绍。包含文本：包含在元素开始标志和结束标志之间的文本内容，如hello。外筐位置：元素在页面中的位置。其中，包含文本允许修改，输入新的包含文本内容后按“应用”即可实现包含文本修改。4.3 HTML代码显示当前元素的HTML代码，对一些允许直接修改HTML代码大元素还提供修改的可能，只需直接在HTML代码显示筐中修改后按“应用”即可。修改有三种方式：覆盖：用修改后的新代码覆盖目标元素。头插：在元素代码前插入，如：原代码头后插：在元素代码头标之后插入，如：原代码尾前插：在元素代码尾标之前插入，如：原代码尾插：在元素代码后插入，如：原代码4.4 元素属性/事件显示当前元素所包含的元素属性和事件，单击“读取”按钮可以读取属性/事件；允许对属性/事件进行添加、修改和删除操作，这些功能在鼠标右键中有提供接口，对属性/事件进行改动后，需要单击“应用”把修改后的内容写入元素中。5 页面信息页操作页面信息提供用户浏览当前网页的相关信息，进入该页时，内容会自动刷新。“页面跳转”功能允许用户输入一个新地址，把当前Internet Explorer_Server类的VCL控件的地址转向一个新的地址。输入有效地址后单击“跳转”按钮即可。6 常用元素页操作为用户提取一些可能可以为用户直接使用的元素分类，方便用户查找和收集一些网页资料和素材。常用元素类型目前预定有：图象或视频、超级链接、内嵌框架和嵌入文档，选择相应类型后单击“刷新”按钮即可显示该类型列表；若网页中存在大量相同的内容（如多处使用相同的图片），可以在刷新前钩选“过滤重复的地址”，可以把相同的内容过滤掉。当用户点选相应内容时可在右边显示该内容。注意：一些设置了访问来源检测的网站上的内容可能无法在右边正确显示出来。7 Cookie页操作允许用户浏览和和修改该网站在浏览器中设置的Cookie记录，单击“读取Cookie”可以读取并显示出Cookie内容，用户可以修改Cookie内容后单击“写入Cookie”完成Cookie的设置。注意：一些设置了安全权限的Cookie可能无法正确修改其值。8 高级页操作提供对网页进行一些非常规的高级操作。8.1 执行脚本可以向目标网页输出脚本（JavaScript/VBScript）并执行它。在选择脚本类型右边的两个图标按钮分别是打开脚本和保存脚本；软件中内嵌了一些常用的脚本，点击“常用”按钮会出现弹出菜单，选择响应功能后在脚本输入筐中将自动贴入脚本代码。完成脚本输入后单击“执行”讲脚本输出到目标网页并执行。8.2 缩放页面对目标网页视图进行放大和缩小。拖动滑标即可改变网页视图大小，向左滑动视图变小，向右滑动视图变大，范围在0%200%之间。点击右边的百分数显示按钮可以把视图大小恢复到100%。100%170%8.3 颜色设置在这，你可以修改网页内的颜色设置，包括背景色、文本色、超链接色、已访问超链接色和当前超链接色，只需要点击相关项目右边的正方色块，在弹出的颜色设置窗口中设置为响应的颜色即可。原色背景色设为红色颜色设置中还提供高亮标记关键字的功能，可以对网页中的关键字进行高亮标记，效果类似Google和百度的“网页快照”功能，方便你快速找到相应内容。原页以黄色高亮标记关键字“网”8.4 其他8.4.1 显示滚动条设置显示/隐藏Internet Explorer_Server类的VCL控件的滚动条。8.4.2 转化为可视编辑状态将当前Internet Explorer_Server类的VCL控件转化为可视编辑/常规状态。在可视编辑状态中，你可以直接对网页内容进行“所见即所得”方式的进行编辑。8.4.3 保存为mht文件将当前网页内容（包括文字、图片等）保存到一个独立的mht文件中。注意：若保存途中出现网络延时，可能会保存失败，请重新启动程序再次操作。8.4.4 直接代码修改直接对网页代码进行纯文本方式修改。注意：只能修改网页中的中的部分。8.4.5 网页转换为txt把网页中的文字资源按照其位置格式提取出来。9 选项页操作你可以在该页中对程序的操作做一些相应的设置以符合你的使用习惯。9.1 元素说明这是一个元素类型的说明表，用于在“元素”页中元素信息中使用。你可以在此对元素类型和对应的说明信息进行增删和修改。编辑完毕后单击“保存”按钮保存修改结果。9.2 其他9.2.1 总在最前面是否让程序主窗口总在最前面，不被其他程序窗口遮挡。9.2.2 外筐提示被选中的对象是否以有色外筐形式标记目标控件。9.2.3 拖动图标时显示鼠标下元素信息是否拖动图标到IE窗口时候，同时检测并显