CN102736878B - 一种实现web页面部分打印的方法和装置 - Google Patents

Abstract

本发明公开了一种实现WEB页面部分打印的方法和装置。所述方法包括：当触发部分打印功能入口时，部分打印控件搜索用户选定区域的WEB页面元素；当用户点击打印按钮时，将用户选定区域的WEB页面元素的IHTML ELEMENT接口保存在内存中；在用户选择打印机和打印属性后，将用户所选打印机的打印接口保存在内存中；部分打印控件通过IHTMLELEMENT接口查询到IHTML ELEMENT RENDER接口，使用该接口将用户选定区域的WEB页面元素输出到用户所选打印机的打印接口。本发明的技术方案使得能够有选择地打印WEB页面上的部分内容，避免了无关信息的干扰，并能有效节约纸张墨水等耗材。

Description

一种实现WEB页面部分打印的方法和装置

技术领域

本发明涉及互联网WEB技术领域，特别涉及一种实现WEB页面部分打印的方法和装置。

背景技术

随着互联网系统的高速发展，WEB页面成为互联网最广泛的服务载体。WEB页面可以在需要的时候进行打印，但目前的浏览器打印技术都是打印整个WEB页面，而WEB页面上太多的无关信息大量的浪费了用户的纸张和墨水，既不环保也给用户造成了极大的干扰。

发明内容

有鉴于此，本发明提供了一种实现WEB页面部分打印的方法和装置，使得能有选择地打印WEB页面上的部分内容，避免了无关信息的干扰，并能有效节约纸张墨水等耗材。

为达到上述目的，本发明的技术方案是这样实现的：

本发明公开了一种实现WEB页面部分打印的方法，在浏览器上增加部分打印功能入口，并设置部分打印控件，该方法包括：

当用户触发部分打印功能入口并在当前WEB页面上选定区域时，部分打印控件进行搜索，搜索到用户选定区域的WEB页面元素；

部分打印控件创建打印按钮，当用户点击该打印按钮时，部分打印控件将用户选定区域的WEB页面元素的IHTML ELEMENT接口保存在内存中；

在用户选择打印机和打印属性后，部分打印控件将用户所选打印机的打印接口保存在内存中；

部分打印控件通过内存中保存的IHTML ELEMENT接口查询到IHTMLELEMENT RENDER接口，使用该IHTML ELEMENT RENDER接口将用户选定区域的WEB页面元素，根据内存中所保存的打印接口输出到用户所选打印机的打印接口。

在该方法中，所述部分打印控件进行搜索，并搜索到用户选定区域的WEB页面元素包括：

部分打印控件在WEB页面的文档对象模型DOM树数据上搜索，搜索到用户选定区域的WEB页面元素。

在搜索到用户选定区域的WEB页面元素之后，并在部分打印控件创建打印按钮之前，该方法进一步包括：部分打印控件将用户选定区域的WEB页面元素的边框按设定方式突出显示给用户。

在部分打印控件将用户选定区域的WEB页面元素的IHTML ELEMENT接口保存在内存中之后，并在用户选择打印机和打印属性之前，该方法进一步包括：部分打印控件通过调用Windows系统的打印参数设置函数，弹出打印对话框，供用户选择打印机和打印属性。

在该方法中，使用IHTML ELEMENT RENDER接口将用户选定区域的WEB页面元素，根据内存中所保存的打印接口输出到用户所选打印机的打印接口包括：

使用IHTMLELEMENT RENDER接口的DrawToDC功能函数将用户选定区域的WEB页面元素，根据内存中所保存的打印接口输出到用户所选打印机的打印接口。

本发明还公开了一种实现WEB页面部分打印的装置，该装置包括：部分打印模块和内存模块，

部分打印模块，用于在用户触发浏览器上的部分打印功能入口并在当前WEB页面上选定区域时进行搜索，搜索到用户选定区域的WEB页面元素；和，用于创建打印按钮，当用户点击该打印按钮时，将用户选定区域的WEB页面元素的IHTML ELEMENT接口保存在内存模块中；和，用于在用户选择打印机和打印属性后，将用户所选打印机的打印接口保存在内存模块中；和，用于通过内存模块中保存的IHTML ELEMENT接口查询到IHTMLELEMENT RENDER接口，使用该IHTML ELEMENT RENDER接口将用户选定区域的WEB页面元素输，根据内存模块中所保存的打印接口输出到用户所选打印机的打印接口；

内存模块，用于保存WEB页面元素的IHTML ELEMENT接口和用户所选打印机的打印接口。

在该装置中，

所述部分打印模块，用于在WEB页面的文档对象模型DOM树数据上进行搜索，搜索到用户选定区域的WEB页面元素。

在该装置中，

所述部分打印模块，在搜索到用户选定区域的WEB页面元素之后，并在创建打印按钮之前，进一步用于将用户选定区域的WEB页面元素的边框按设定方式突出显示给用户。

在该装置中，

所述部分打印模块，在将用户选定区域的WEB页面元素的IHTMLELEMENT接口保存在内存中之后，并在用户选择打印机和打印属性之前，进一步用于通过调用Windows系统的打印参数设置函数，弹出打印对话框，供用户选择打印机和打印属性。

在该装置中，

所述部分打印模块，用于使用IHTMLELEMENT RENDER接口的DrawToDC功能函数将用户选定区域的WEB页面元素，根据内存模块中所保存的打印接口输出到用户所选打印机的打印接口。

由上述可见，本发明这种在浏览器上增加部分打印功能入口，并设置部分打印控件，当用户触发部分打印功能入口并在当前WEB页面上选定区域时，部分打印控件进行搜索，搜索到用户选定区域的WEB页面元素；部分打印控件创建打印按钮，当用户点击该打印按钮时，部分打印控件将用户选定区域的WEB页面元素的IHTML ELEMENT接口保存在内存中；在用户选择打印机和打印属性后，部分打印控件将用户所选打印机的打印接口保存在内存中；部分打印控件通过内存中保存的IHTML ELEMENT接口查询到IHTML ELEMENT RENDER接口，使用该IHTML ELEMENT RENDER接口将用户选定区域的WEB页面元素输，根据内存中所保存的打印接口输出到用户所选打印机的打印接口的技术方案，使得用户能有选择地打印WEB页面上的部分内容，避免了无关信息的干扰，并能有效节约纸张墨水等耗材。

附图说明

图1是本发明一种实现WEB页面部分打印的方法的流程图；

图2是本发明实施例中的用户选定部分打印区域的页面示意图；

图3是本发明实施例中的一种实现WEB页面部分打印的装置的结构图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

图1是本发明一种实现WEB页面部分打印的方法的流程图。在浏览器上增加部分打印功能入口，并设置部分打印控件，则如图1所示，该方法包括：

101，当用户触发部分打印功能入口并在当前WEB页面上选定区域时，部分打印控件进行搜索，搜索到用户选定区域的WEB页面元素；

102，部分打印控件创建打印按钮，当用户点击该打印按钮时，部分打印控件将用户选定区域的WEB页面元素的IHTML ELEMENT接口保存在内存中；

103，在用户选择打印机和打印属性后，部分打印控件将用户所选打印机的打印接口保存在内存中；

104，部分打印控件通过内存中保存的IHTML ELEMENT接口查询到IHTML ELEMENT RENDER接口，使用该IHTML ELEMENT RENDER接口将用户选定区域的WEB页面元素，根据内存中所保存的打印接口输出到用户所选打印机的打印接口。

IHTML ELEMENT接口与IHTML ELEMENT RENDER接口都是IE的标准接口，前者是页面元素的特征接口，后者是页面元素的渲染接口，后者可由前者获得到。

在图1所示的方案中，在浏览器上增加部分打印功能入口具体可以为：在浏览器的工具栏或者菜单上增加“部分打印”按钮或菜单项。

下面通过一个具体的例子对图1所示的方案进行进一步的说明。本具体实施例包括如下步骤：

1.1在浏览器的工具栏或者菜单中增加一个“部分打印”的功能入口，如按钮或者菜单项。并设置部分打印控件。部分打印控件可以采用IE浏览器提供的扩展功能接口实现，注册为IE的加载项程序。

1.2当用户点击“部分打印”功能入口后，用户使用鼠标在页面上移动，以在当前WEB页面上选定要打印的区域。部分打印控件在WEB页面的文档对象模型（DOM）树内存数据上进行搜索，搜索鼠标坐标处的页面元素，即搜索到用户选定区域的WEB页面元素，然后将用户选定区域的WEB页面元素的边框按设定方式突出显示给用户。例如，通过修改该选定区域WEB页面元素的边框属性为红色，以红色边框高亮框住该元素，目的是提示用户，红框范围内为打印范围。同时部分打印控件在红框的左上角创建“打印”按钮，等待用户点击打印，如图2所示。图2是本发明实施例中的用户选定部分打印区域的页面示意图。

1.3用户如果移动鼠标，则重复1.2的过程，重新选择打印区域。

1.4用户点击“打印”按钮，部分打印控件将当前高亮的页面元素（即用户选定区域的WEB页面元素）的IHTML ELEMENT接口保存在内存数据中，并通过调用Windows系统的打印参数设置函数，弹出打印对话框，供用户选择打印机和打印属性。IHTML ELEMENT接口为IE浏览器页面文档的标准接口。

1.5用户选择打印机和打印属性后，部分打印控件保存用户所选打印机的打印接口（又称“打印上下文”）到内存。

1.6利用IE浏览器提供的标准接口，部分打印控件通过内存中保存的页面元素IHTMLELEMENT接口查询到IHTML ELEMENT RENDER接口，并使用该IHTMLELEMENT RENDER接口的DrawToDC功能函数将用户选定区域的WEB页面元素，根据内存中保存的打印接口输出到用户所选打印机的打印接口。则用户所选择的打印机会打印用户选定区域的页面，而不会打印整个页面。

上述方案使得用户能够有选择地打印WEB页面的部分内容，避免了无关信息的干扰，并节省了纸张墨水等耗材。

基于上述实施例给出本发明中的实现WEB页面部分打印的装置。

图3是本发明实施例中的一种实现WEB页面部分打印的装置的结构图。如图3所示，该装置包括：部分打印模块301和内存模块302，

部分打印模块301，用于在用户触发浏览器上的部分打印功能入口并在当前WEB页面上选定区域时进行搜索，搜索到用户选定区域的WEB页面元素；和，用于创建打印按钮，当用户点击该打印按钮时，将用户选定区域的WEB页面元素的IHTML ELEMENT接口保存在内存模块302中；和，用于在用户选择打印机和打印属性后，将用户所选打印机的打印接口保存在内存模块302中；和，用于通过内存模块中保存的IHTML ELEMENT接口查询到IHTML ELEMENT RENDER接口，使用该IHTML ELEMENT RENDER接口将用户选定区域的WEB页面元素输，根据内存模块中所保存的打印接口输出到用户所选打印机的打印接口；

内存模块302，用于保存WEB页面元素的IHTML ELEMENT接口和用户所选打印机的打印接口。

在上述装置中，所述部分打印模块301，用于在WEB页面的文档对象模型DOM树数据上进行搜索，搜索到用户选定区域的WEB页面元素。

在上述装置中，所述部分打印模块301，在搜索到用户选定区域的WEB页面元素之后，并在创建打印按钮之前，进一步用于将用户选定区域的WEB页面元素的边框按设定方式突出显示给用户。

在上述装置中，所述部分打印模块301，在将用户选定区域的WEB页面元素的IHTML ELEMENT接口保存在内存中之后，并在用户选择打印机和打印属性之前，进一步用于通过调用Windows系统的打印参数设置函数，弹出打印对话框，供用户选择打印机和打印属性。

在上述装置中，所述部分打印模块301，用于使用IHTMLELEMENTRENDER接口的DrawToDC功能函数将用户选定区域的WEB页面元素，根据内存模块中所保存的打印接口输出到用户所选打印机的打印接口。

综上所述，本发明这种在浏览器上增加部分打印功能入口，并设置部分打印控件，当用户触发部分打印功能入口并在当前WEB页面上选定区域时，部分打印控件进行搜索，搜索到用户选定区域的WEB页面元素；部分打印控件创建打印按钮，当用户点击该打印按钮时，部分打印控件将用户选定区域的WEB页面元素的IHTML ELEMENT接口保存在内存中；在用户选择打印机和打印属性后，部分打印控件将用户所选打印机的打印接口保存在内存中；部分打印控件通过内存中保存的IHTML ELEMENT接口查询到IHTMLELEMENT RENDER接口，使用该IHTML ELEMENT RENDER接口将用户选定区域的WEB页面元素输，根据内存中所保存的打印接口输出到用户所选打印机的打印接口的技术方案，使得用户能有选择地打印WEB页面上的部分内容，避免了无关信息的干扰，并能有效节约纸张墨水等耗材。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (8)

1.一种实现WEB页面部分打印的方法，其特征在于，在浏览器上增加部分打印功能入口，并设置部分打印控件，该方法包括：

当用户触发部分打印功能入口并在当前WEB页面上选定区域时，部分打印控件进行搜索，搜索到用户选定区域的WEB页面元素；

部分打印控件创建打印按钮，当用户点击该打印按钮时，部分打印控件将用户选定区域的WEB页面元素的IHTML ELEMENT接口保存在内存中；

在用户选择打印机和打印属性后，部分打印控件将用户所选打印机的打印接口保存在内存中；

部分打印控件通过内存中保存的IHTML ELEMENT接口查询到IHTMLELEMENT RENDER接口，使用该IHTML ELEMENT RENDER接口将用户选定区域的WEB页面元素，根据内存中所保存的打印接口输出到用户所选打印机的打印接口；

其中，所述部分打印控件进行搜索，并搜索到用户选定区域的WEB页面元素包括：

部分打印控件在WEB页面的文档对象模型DOM树数据上搜索，搜索到用户选定区域的WEB页面元素。

2.根据权利要求1所述的方法，其特征在于，在搜索到用户选定区域的WEB页面元素之后，并在部分打印控件创建打印按钮之前，该方法进一步包括：部分打印控件将用户选定区域的WEB页面元素的边框按设定方式突出显示给用户。

3.根据权利要求1所述的方法，其特征在于，在部分打印控件将用户选定区域的WEB页面元素的IHTML ELEMENT接口保存在内存中之后，并在用户选择打印机和打印属性之前，该方法进一步包括：

部分打印控件通过调用Windows系统的打印参数设置函数，弹出打印对话框，供用户选择打印机和打印属性。

4.根据权利要求1所述的方法，其特征在于，使用IHTML ELEMENTRENDER接口将用户选定区域的WEB页面元素，根据内存中所保存的打印接口输出到用户所选打印机的打印接口包括：

使用IHTMLELEMENT RENDER接口的DrawToDC功能函数将用户选定区域的WEB页面元素，根据内存中所保存的打印接口输出到用户所选打印机的打印接口。

5.一种实现WEB页面部分打印的装置，其特征在于，该装置包括：部分打印模块和内存模块，

部分打印模块，用于在用户触发浏览器上的部分打印功能入口并在当前WEB页面上选定区域时进行搜索，搜索到用户选定区域的WEB页面元素；和，用于创建打印按钮，当用户点击该打印按钮时，将用户选定区域的WEB页面元素的IHTML ELEMENT接口保存在内存模块中；和，用于在用户选择打印机和打印属性后，将用户所选打印机的打印接口保存在内存模块中；和，用于通过内存模块中保存的IHTML ELEMENT接口查询到IHTMLELEMENT RENDER接口，使用该IHTML ELEMENT RENDER接口将用户选定区域的WEB页面元素输，根据内存模块中所保存的打印接口输出到用户所选打印机的打印接口；

内存模块，用于保存WEB页面元素的IHTML ELEMENT接口和用户所选打印机的打印接口；

其中，部分打印模块，用于在WEB页面的文档对象模型DOM树数据上进行搜索，搜索到用户选定区域的WEB页面元素。

6.根据权利要求5所述的装置，其特征在于，

所述部分打印模块，在搜索到用户选定区域的WEB页面元素之后，并在创建打印按钮之前，进一步用于将用户选定区域的WEB页面元素的边框按设定方式突出显示给用户。

7.根据权利要求5所述的装置，其特征在于，

所述部分打印模块，在将用户选定区域的WEB页面元素的IHTMLELEMENT接口保存在内存中之后，并在用户选择打印机和打印属性之前，进一步用于通过调用Windows系统的打印参数设置函数，弹出打印对话框，供用户选择打印机和打印属性。

8.根据权利要求5所述的装置，其特征在于，

所述部分打印模块，用于使用IHTMLELEMENT RENDER接口的DrawToDC功能函数将用户选定区域的WEB页面元素，根据内存模块中所保存的打印接口输出到用户所选打印机的打印接口。