一种适应多浏览器的页面打印和导出方法技术

技术编号:32970215 阅读:13 留言:0更新日期:2022-04-09 11:35
本发明专利技术公开了一种适应多浏览器的页面打印和导出方法,步骤包括:集成环境,在需要使用打印、导出的页面文件中引入提供的浏览器脚本文件和样式定义文件;使用默认的打印样式,或者按实际项目整体风格调整打印的样式,仅需调整提供的样式定义文件;按实际使用场景调用对应的打印或导出方法,所述实际使用场景包括:直接打印页面的指定元素、预览需要打印的指定元素、传入页面的超文本信息实现打印、传入页面的链接实现打印、将页面的表格元素导出为excel文件。本发明专利技术不依赖各种第三方插件,直接通过window对象的打印方法,实现兼容多浏览器的打印功能。的打印功能。的打印功能。

【技术实现步骤摘要】
一种适应多浏览器的页面打印和导出方法


[0001]本专利技术涉及计算机应用
,特别是一种适应多浏览器的页面打印和导出方法。

技术介绍

[0002]CN201810036360.5公开了一种基于HTTP数据传输的打印方法,方法包括以下步骤:集成Qt环境,开发打印助手;安装打印插件和打印助手;打印插件和打印助手安装成功后,保持打印助手处于运行状态,始终监测指定端口;打印助手获取网页端的请求参数并对请求类型进行处理;本专利技术还提供一种基于HTTP数据传输的打印控件,包括辅助打印模块、打印机、本地浏览器、处理器,辅助打印模块包括独立浏览器、打印插件和打印助手。
[0003]近年法院行业大力推进国产化建设,对软件系统的适应性要求越来越高,部分国产化浏览器无法安装插件或者安装的插件部分功能无法适应,导致原有的系统功能无法正常使用。

技术实现思路

[0004]针对现有技术中存在的问题,本专利技术提供了一种不依赖插件实现兼容的适应多浏览器的页面打印和导出方法。
[0005]本专利技术的目的通过以下技术方案实现。
[0006]一种适应多浏览器的页面打印和导出方法,步骤包括:
[0007]1)集成环境,在需要使用打印、导出的页面文件中引入提供的浏览器脚本文件和样式定义文件;
[0008]2)使用默认的打印样式,或者按实际项目整体风格调整打印的样式,仅需调整提供的样式定义文件;
[0009]3)按实际使用场景调用对应的打印或导出方法,所述实际使用场景包括:直接打印页面的指定元素、预览需要打印的指定元素、传入页面的超文本信息实现打印、传入页面的链接实现打印、将页面的表格元素导出为excel文件。
[0010]所述直接打印页面的指定元素调用对应的打印方法步骤包括:生成打印对象;根据传入页面的指定元素组装打印页面,并将页面隐藏;通过网页调用打印机实现打印。
[0011]所述预览需要打印的指定元素调用对应的打印方法步骤包括:生成打印对象;根据传入页面的指定元素组装打印页面;打开组装的页面提供预览。
[0012]所述传入页面的超文本信息实现打印调用对应的打印方法步骤包括:生成打印对象;将超文本内容组装成打印的页面;通过网页调用打印机实现打印。
[0013]所述传入页面的链接实现打印调用对应的打印方法步骤包括:生成打印对象;后台加载页面的链接组装成打印的页面;通过网页调用打印机实现打印。
[0014]所述将页面的表格元素导出为excel文件调用对应的导出方法步骤包括:生成打印对象;将页面的表格元素加入需要导出的信息项;导出信息项到指定的文件中。
[0015]将需要打印的页面元素或数据通过当前的浏览器页面动态创建元素DOCUMENT和定义媒介的方式定义需要打印的信息,然后通过当前浏览器调用打印机。
[0016]加载远程数据链接的方式进行打印,当传入数据链接时系统会自动通过ajax获取返回的数据,通过将需要打印的页面元素或数据通过当前的浏览器页面动态创建元素DOCUMENT和定义媒介的方式定义需要打印的信息,然后通过当前浏览器调用打印机。
[0017]通过内联框架iFrame的方式将创建的打印信息提供预览,并且可以通过自行修改提供的样式定义文件来实现一些定制化的打印风格和样式。
[0018]通过创建一个隐藏的页面临时链接,通过设置链接的请求内容类型为表格文件标识,并设置链接的下载属性为导出的文件名,实现将页面数据导出为指定的excel文件。
[0019]相比于现有技术,本专利技术的优点在于:
[0020]1、不依赖各种第三方插件,直接通过window对象(当前浏览器的窗口对象)的打印方法,实现兼容多浏览器的打印功能。
[0021]2、支持打印页面元素的同时也支持打印数据链接地址,实现了无需打开页面也可以打印指定的内容。
[0022]3、支持打印、预览和后台批量打印,并且能够自定义一些打印样式。
[0023]4、支持页面表格数据直接导出为excel文件。
附图说明
[0024]图1为本专利技术流程图。
具体实施方式
[0025]下面结合说明书附图和具体的实施例,对本专利技术作详细描述。
[0026]如图1所述,一种适应多浏览器的页面打印和导出方法,步骤包括:
[0027]步骤一:集成环境,无需安装任何插件,只需要在项目中引入提供的浏览器脚本文件(js文件)和样式定义文件(css文件)
[0028]步骤二:在需要使用打印、导出的页面文件中引入提供的浏览器脚本文件(js文件)和样式定义文件(css文件)
[0029]步骤三:按实际项目整体风格调整打印的样式,仅需调整提供的样式定义文件(css文件)即可,也可不做调整,使用默认的打印样式
[0030]步骤四:按实际使用场景调用对应的方法:
[0031]场景一:直接打印页面的指定元素
[0032]1、生成打印对象
[0033]2、根据传入页面的指定元素组装打印页面,并将页面隐藏(hide)
[0034]3、通过网页调用打印机实现打印
[0035]示例(打印页面print元素内容):
[0036]var P=new PRINT();
[0037]P.ADD_PRINT_HTM($('print').html());
[0038]P.PRINT();
[0039]场景二:预览需要打印的指定元素
[0040]1、生成打印对象
[0041]2、根据传入页面的指定元素组装打印页面
[0042]3、打开组装的页面提供预览
[0043]示例(预览页面print元素内容):
[0044]var P=new PRINT();
[0045]P.ADD_PRINT_HTM($('print').html());
[0046]P.PREVIEW();
[0047]场景三:传入页面的超文本信息实现打印
[0048]1、生成打印对象
[0049]2、将超文本内容组装成打印的页面
[0050]3、通过网页调用打印机实现打印
[0051]示例(打印超文本printHtml内容):
[0052]var P=new PRINT();
[0053]P.ADD_PRINT_HTM(printHtml);
[0054]P.PRINT();
[0055]场景四:传入页面的链接实现打印
[0056]1、生成打印对象
[0057]2、后台加载页面的链接组装成打印的页面
[0058]3、通过网页调用打印机实现打印
[0059]示例(打印页面链接printurl内容):
[0060]var P=new PRINT();
[0061]P.ADD_PRINT_URL(printurl);
[0062]P.PRINT();...

【技术保护点】

【技术特征摘要】
1.一种适应多浏览器的页面打印和导出方法,其特征在于步骤包括:1)集成环境,在需要使用打印、导出的页面文件中引入提供的浏览器脚本文件和样式定义文件;2)使用默认的打印样式,或者按实际项目整体风格调整打印的样式,仅需调整提供的样式定义文件;3)按实际使用场景调用对应的打印或导出方法,所述实际使用场景包括:直接打印页面的指定元素、预览需要打印的指定元素、传入页面的超文本信息实现打印、传入页面的链接实现打印、将页面的表格元素导出为excel文件。2.根据权利要求1所述的一种适应多浏览器的页面打印和导出方法,其特征在于所述直接打印页面的指定元素调用对应的打印方法步骤包括:生成打印对象;根据传入页面的指定元素组装打印页面,并将页面隐藏;通过网页调用打印机实现打印。3.根据权利要求1所述的一种适应多浏览器的页面打印和导出方法,其特征在于所述预览需要打印的指定元素调用对应的打印方法步骤包括:生成打印对象;根据传入页面的指定元素组装打印页面;打开组装的页面提供预览。4.根据权利要求1所述的一种适应多浏览器的页面打印和导出方法,其特征在于所述传入页面的超文本信息实现打印调用对应的打印方法步骤包括:生成打印对象;将超文本内容组装成打印的页面;通过网页调用打印机实现打印。5.根据权利要求1所述的一种适应多浏览器的页面打印和导出方法,其特征在于所述传入页面的链接实现打印调用对应的打印方法步骤包括:生成打印对象;后台加载页面的...

【专利技术属性】
技术研发人员:曹伟耿广彪
申请(专利权)人:南京通达海科技股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1