[发明专利]网页上实现的网页区块截图的方法

说明书

技术领域

本发明属于网络技术领域，具体属于一种网页上实现的网页区块截图的方法。

背景技术

Internet时代，造就了我们新的工作和生活方式，其互联性、开放性和共享信息的模式，打破了传统信息传播方式的重重壁垒，网页上的信息形形色色，每个用户浏览网页时，总有些自己喜欢的内容，但这个内容只能在网络上浏览，如果不能上网，或者忘记网址、原链接改变或内容改变等情况出现的话，就无法再次浏览该内容了，如果不是很重要的信息还好，无非也就心情郁闷一下；但如果是非常重要的信息比如一个合同的或是技术的关键信息，对用户的损失可想而知。如何将那些感兴趣的内容有选择地截取和保存下来，是每个网络用户都非常关心的问题。现在一般的截取方式包括使用屏幕打印键(print screen)进行全屏图片拷贝，但这个方法截图是没有区域选择，只能是全屏，我们没必要为了一个区域的内容而进行全屏的截图，并且也就对当前屏的截图，范围太受限制；另外也有利用一些工具软件比如即时聊天工具QQ，它带有截取网络内容图片的工具，提供对当前全屏区域的任意区域进行有选择性的截取内容图片，但是使用这个方法必需先要下载腾讯公司的客户端软件，然后注册QQ用户，打开聊天窗口才能截图，非常的不便利。以上两种方法都是对当前屏的截图操作，而没法对不可见网页区域的区块截图，如果刚好用户需要的内容长度超出了可见屏，用户只好一屏一屏的拼接所需内容，非常的不方便。

发明内容

本发明所要解决的技术问题是：提供一种网页上实现的网页区块截图的方法。

为了解决上述技术问题，本发明采用以下的技术方案：一种网页上实现的网页区块截图的方法，包括以下步骤：

1)客户端输入一个或多个网址，根据网址的个数在客户端生成对应的各个显示网页内容的子页面；

2)客户端收集用户选取的区块的大小尺寸、该区块在页面中的位置和所对应的网址、该网址对应的网页的页面尺寸组成一个数据，将该数据发送至服务器；

3)服务器调用activex控件，将被选取网页整体截图，并存为图片文件；3c)服务器根据区块的大小尺寸和区块的位置，将该图片的相应区块截取下来，并删除被选取网页的整体图片文件。

其中步骤1)包含如下过程：1a)客户端输入一个或多个网址，检查网址是否合法，若检查结果合法，继续下一步，否则提示重新输入网址；1b)根据网址的个数生成相应个数的子页面，并给每个子页面赋予一个网址，每个子页面分别独立请求服务器，获取相应网址的网页内容。

其中步骤2)包含如下过程：2a)客户端给每个子页面增加用于记录用户选择的区块信息的HTML元素；2b)给该HTML元素增加鼠标事件，用户通过鼠标拖拉选取各个子页面的区块内容；2c)客户端收集用户选取的区块的大小尺寸、该区块在页面中的位置和所对应的网址、该网址对应的网页的页面尺寸组成一个数据，将该数据发送至服务器。

其中步骤3)包含如下过程：3a)服务器调用activex控件，将被选取网页整体截图，并存为图片文件；3b)服务器根据区块的大小尺寸和区块的位置，将该图片的相应区块截取下来，并删除被选取网页的整体图片文件。

重复步骤3，直至所有区块截图完毕。

本发明与现有技术相比具有以下的优点：

(1)可以把任一网页的任意区域内容根据用户需要来截图并保存，可以重复阅读而无需打开原网页，节省很多时间；

(2)可以保存需要的网页内容图片，不担心原链接地址改变或内容改变；

(3)增加用户使用互联网信息的趣味性，用户体验感很好；

(4)截图内容可以直接在网页或电脑上保存，不担心资料丢失。

附图说明

图1、图2是本发明的详细流程图。

具体实施方式

一种网页上实现的网页区块截图的方法，包括以下步骤：

1)客户端输入一个或多个网址，根据网址的个数在客户端生成对应的各个显示网页内容的子页面；

2)客户端收集用户选取的区块的大小尺寸、该区块在页面中的位置和所对应的网址、该网址对应的网页的页面尺寸组成一个数据，将该数据发送至服务器。

3)服务器调用activex控件，将被选取网页整体截图，并存为图片文件；3c)服务器根据区块的大小尺寸和区块的位置，将该图片的相应区块截取下来，并删除被选取网页的整体图片文件。

4)重复步骤3)直到所有记录的区块截图完毕。

下面进一步详细说明本发明所述的方法：

参见图1、图2，在用户端输入一个或多个网址，用逗号或者空格分开，向后台服务器发出请求，由服务器端程序分析输入的网址字符串，统计出网址个数，并检查网址是否合法，若检查结果合法，继续下一步，否则提示重新输入网址；服务器根据网址的个数生成相应个数的子页面，并将javascript程序代码和用于记录用户选择的区块信息的HTML元素(以下简称区块元素)嵌入每个子页面，在文档加载完毕时，给页面增加鼠标事件，具体是：客户端Javascript程序为文档节点对象(如：document对象)添加鼠标的onmousedown、onmousemove和onmouseup事件。用户通过鼠标拖拉选取各个子页面的区块信息，鼠标拖过区域，用区块信息的HTML元素覆盖。客户端Javascript程序记录区块元素的尺寸、该区块在页面中的位置和区块元素所在的网址及该网址对应的网页的页面尺寸信息组成一个有序的字符串数据，将该数据发送至服务器。服务器调用activex控件，将相应的网址对应的网页整体截图，并存为图片文件，服务器根据区块的大小尺寸和区块的位置，将该图片的相应区块截取下来，并删除被选取网页整体图片。不断重复，直至数组变量的长度值为0，即所有网页截图完毕。