web网页指定区域打印方法和系统技术方案

本发明专利技术提供一种web网页指定区域打印方法和系统，其中方法包括以下步骤：截取web网页指定区域的超文本标记语言代码和网页样式文件，并创建网页脚本代码；将所述超文本标记语言代码合并成超文本标记语言的结构字符串；创建打印预览窗口，将所述结构字符串、网页样式文件、网页脚本代码置入所述打印预览窗口的对象中进行渲染成新的网页界面；在新的网页界面上根据所述网页样式文件将所述超文本标记语言结构字符串转为图片；打印所述图片。上述方法，在截取超文本标记语言代码和网页样式文件的基础上，通过调用自带的打印组件实现网页指定区域打印，使得需要执行的代码简洁且加载的软件体积较小，从而提高了打印的效率。

【技术实现步骤摘要】
web网页指定区域打印方法和系统
本专利技术涉及计算机网络
，特别是涉及一种web网页指定区域打印方法和web网页指定区域打印系统。
技术介绍
随着网络技术的不断发展，在网络上进行资料存储和管理已经成为人们的日常选择。网页打印是从网页上获取资料的众多方法之一。现有的网页打印方法一般有以下几种：第一种：通过调用webbrowser控件进行打印；这种打印方式无法实现打印分页。第二种：纯使用外部css(CascadingStyleSheets，层叠样式表)控制html(HyperTextMark-upLanguage，超文本标记语言)文档的输出打印；这种打印方式由于Html代码冗余，只是利用css隐藏非打印区域，影响打印效率。第三种：从服务器端下载PDF(PortableDocumentFormat，可移植文档格式)，再利用IE(InternetExplorer)浏览器的adobe插件进行打印；这种打印方式与服务器通信，过度依赖于网络，下载时间不稳定，且加载的插件体积较大，影响打印效率。综合上述分析，上述的这几种网页打印方式由于代码冗余以及加载的插件体积较大，在web网页指定区域打印的功能实现上效率较低。
技术实现思路
基于此，有必要针对现有web网页指定区域打印功能实现效率较低问题，提供一种web网页指定区域打印方法和web网页指定区域打印系统。一种web网页指定区域打印方法，包括以下步骤：截取web网页指定区域的超文本标记语言代码和网页样式文件，并创建网页脚本代码，将所述超文本标记语言代码合并成超文本标记语言的结构字符串；创建打印预览窗口，并将所述结构字符串、网页样式文件和网页脚本代码置入所述打印预览窗口的对象中进行渲染成新的网页界面，并得到页面脚本代码；在新的网页界面上运行所述页面脚本代码，根据所述网页样式文件将所述超文本标记语言结构字符串转为图片；打印所述图片。一种web网页指定区域打印系统，包括：截取模块，用于截取web网页指定区域的超文本标记语言代码和网页样式文件，并创建网页脚本代码，将所述超文本标记语言代码合并成超文本标记语言的结构字符串；渲染模块，用于创建打印预览窗口，并将所述结构字符串、网页样式文件和网页脚本代码置入所述打印预览窗口的对象中进行渲染成新的网页界面，并得到页面脚本代码；转化模块，用于在新的网页界面上运行所述页面脚本代码，根据所述网页样式文件将所述超文本标记语言结构字符串转为图片；打印模块，用于打印所述图片。上述web网页指定区域打印方法和web网页指定区域打印系统，通过截取用户预打印网页区域的超文本标记语言代码和网页样式文件，并将其置入新开的打印预览窗口的对象(document)中，然后运行页面脚本代码按照网页样式文件的格式将超文本标记语言转化为图片，最后进行打印。在截取预打印网页区域的超文本标记语言代码和网页样式文件的基础上，打印所述图片使得需要执行的代码较简洁以及加载的软件体积较小，从而提高了打印的效率以及减轻了代码的冗余度。附图说明图1为一实施例web网页指定区域打印方法流程图；图2为一实施例web网页指定区域打印系统结构示意图。具体实施方式下面结合附图对本专利技术的web网页指定区域打印方法和web网页指定区域打印系统的具体实施方式作详细描述。请参阅图1，图1为一实施例web网页指定区域打印方法流程图。一种web网页指定区域打印方法，包括以下步骤：步骤S101：截取web网页指定区域的超文本标记语言代码和网页样式文件，并创建网页脚本代码；将所述超文本标记语言代码合并成超文本标记语言的结构字符串；在步骤S101中，超文本标记语言代码指的是标准通用标记语言下的一个应用，网页样式文件一般指的是网页中的css样式文件。在一实施例中，所述截取web网页指定区域的超文本标记语言代码和网页样式文件的步骤可以包括：在webkit内核浏览器的网页上，运行网页JavaScript代码，截取web网页指定区域的超文本标记语言代码和网页样式文件。Webkit内核浏览器指的是使用webkit引擎的浏览器，比如chrome浏览器；webkit内核浏览器自带的JavaScript代码比较简洁易用，通过运行网页JavaScript代码进行截取，可以提高截取超文本标记语言代码和网页样式文件的效率。步骤S103：创建打印预览窗口，并将所述结构字符串、网页样式文件和网页脚本代码置入所述打印预览窗口的对象中进行渲染成新的网页界面，并得到页面脚本代码；在步骤S103中，对象指的是载入浏览器的HTML文档所形成的Document对象，进行渲染的目的是为了将打印区域的图像显示出来，为后续打印成图片提供依据。在一实施例中，所述进行渲染成新的网页界面的步骤之前还可以包括：将自定义样式文件置入打印预览窗口的对象中，合并所述网页样式文件与自定义样式文件，形成打印样式文件；在新的网页界面上运行所述页面脚本代码，根据所述打印样式文件将所述超文本标记语言结构字符串转为图片。自定义样式文件中可以包含对颜色进行限定的样式文件等，通过合并所述网页样式文件与自定义样式文件可以按照需求调整所需要打印的区域的样式。步骤S105：在新的网页界面上运行所述页面脚本代码根据所述网页样式文件将所述超文本标记语言结构字符串转为图片；在一实施例中，所述在新的网页界面上运行所述页面脚本代码根据所述网页样式文件将所述超文本标记语言结构字符串转为图片的步骤可以包括：运行新的网页界面的JavaScript代码，根据所述网页样式文件，将所述超文本标记语言结构字符串的主体代码转换为图片。JavaScript代码是预先进行设定的，当所述网页样式文件和所述网页样式文件所述超文本标记语言结构字符串置入对象中时，会自动运行JavaScript代码将超文本标记语言结构字符串的主体代码转为图片。步骤S107：打印所述图片。在一实施例中，所述打印所述图片的步骤可以包括：运行JavaScript代码调用webkit内核浏览器的打印组件打印所述图片。通过调用webkit内核浏览器的打印组件可以减少系统代码的复杂度。在一实施例中，所述打印所述图片的步骤可以包括：调用打印组件对所述图片进行打印预览，根据所述打印预览判断预览页面中的图片大小与设定的大小是否相同，若是，则通过所述打印组件打印所述图片，若否，则通过修改所述网页样式文件调节预览页面图片的大小，并在图片大小调节到相同后打印所述图片。通过调用打印组件对所述图片进行打印预览，并对不符合设定大小的图片进行调整，可以使得打印的图片更符合需求，质量更高。上述web网页指定区域打印方法，通过截取用户预打印网页区域的超文本标记语言代码和网页样式文件，并将其置入新开的打印预览窗口的对象(document)中，然后按照网页样式文件的格式将超文本标记语言转化为图片，最后通过调用打印组件进行打印。在截取预打印网页区域的超文本标记语言代码和网页样式文件的基础上，通过调用自带的打印组件使得需要执行的代码较简洁以及加载的软件体积较小，从而提高了打印的效率。为了更进一步的详细解释本专利技术的网页指定区域打印方法，下面将结合具体应用实例进行说明。本具体应用实例，以在chrome浏览器上的应用进行说明。具体应用操作流程描述：步骤S201：用户打开chrom本文档来自技高网...

【技术保护点】
一种web网页指定区域打印方法，其特征在于，包括以下步骤：截取web网页指定区域的超文本标记语言代码和网页样式文件，并创建网页脚本代码，将所述超文本标记语言代码合并成超文本标记语言的结构字符串；创建打印预览窗口，并将所述结构字符串、网页样式文件和网页脚本代码置入所述打印预览窗口的对象中进行渲染成新的网页界面，并得到页面脚本代码；在新的网页界面上运行所述页面脚本代码，根据所述网页样式文件将所述超文本标记语言结构字符串转为图片；打印所述图片。

【技术特征摘要】
1.一种web网页指定区域打印方法，其特征在于，包括以下步骤：截取web网页指定区域的超文本标记语言代码和网页样式文件，并创建网页脚本代码，将所述超文本标记语言代码合并成超文本标记语言结构字符串；创建打印预览窗口，并将所述结构字符串、网页样式文件和网页脚本代码置入所述打印预览窗口的对象中进行渲染成新的网页界面，并得到页面脚本代码；在新的网页界面上运行所述页面脚本代码，根据所述网页样式文件将所述超文本标记语言结构字符串转为图片；打印所述图片。2.根据权利要求1所述的web网页指定区域打印方法，其特征在于，所述截取web网页指定区域的超文本标记语言代码和网页样式文件的步骤包括：在webkit内核浏览器的网页上，运行网页JavaScript代码，截取web网页指定区域的超文本标记语言代码和网页样式文件；所述打印所述图片的步骤包括：运行JavaScript代码调用webkit内核浏览器的打印组件打印所述图片。3.根据权利要求1所述的web网页指定区域打印方法，其特征在于，所述在新的网页界面上运行所述页面脚本代码，根据所述网页样式文件将所述超文本标记语言结构字符串转为图片步骤包括：运行新的网页界面上的JavaScript代码，根据所述网页样式文件，将所述超文本标记语言结构字符串的主体代码转换为图片。4.根据权利要求1所述的web网页指定区域打印方法，其特征在于，所述进行渲染成新的网页界面的步骤之前还包括：将自定义样式文件置入打印预览窗口的对象中，合并所述网页样式文件与自定义样式文件，形成打印样式文件；在新的网页界面上运行所述页面脚本代码，根据所述打印样式文件将所述超文本标记语言结构字符串转为图片。5.根据权利要求1所述的web网页指定区域打印方法，其特征在于，所述打印所述图片的步骤包括：调用打印组件对所述图片进行打印预览，根据所述打印预览判断预览页面中的图片大小与设定的大小是否相同，若是，则通过所述打印组件打印所述图片，若否，则通过修改所述网页样式文件调节预览页面...

【专利技术属性】
技术研发人员：黄志东，
申请(专利权)人：广州视源电子科技股份有限公司，
类型：发明
国别省市：广东;44