生成网页截图的方法、装置及电子设备.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113032707A(43)申请公布日2021.06.25(21)申请号202110323020.2(22)申请日2021.03.25(71)申请人成都新希望金融信息有限公司地址610000四川省成都市高新区仁和街39号6栋2层3号(72)发明人黄雷高斌(74)专利代理机构北京超凡宏宇专利代理事务所(特殊普通合伙)11463代理人余菲(51)Int.Cl.G06F16/958(2019.01)G06F16/957(2019.01)G06F9/448(2018.01)G06F9/445(2018.01)权利要求书2页说明书12页附图4页(54)发明名称生成网页截图的方法、装置及电子设备(57)摘要本申请提供了一种生成网页截图的方法、装置及电子设备，涉及数据处理技术领域，该方法包括：基于网页框架创建浏览器实例并对浏览器实例进行输入接口编写得到浏览器输入接口并对浏览器输入接口进行校验并创建对浏览器输入接口进行调用的调用文件。在基于各个页面地址异步创建得到的promise对象中创建页面对象并设置浏览器等待时间。基于对页面对象进行写操作得到的写入页面、浏览器等待时间以及预设条件得到渲染页面。将在渲染页面中选定目标对象后得到对应的截图对象放置在画布中并添加水印得到带水印截图。本申请异步批量创建各个页面地址对应的页面对象，并基于各个页面对象得到不同页面地址对应的带水印截图，提高生成网页截图的效率。CN113032707ACN113032707A权利要求书1/2页1.一种生成网页截图的方法，其特征在于，所述方法包括：基于网页框架创建浏览器实例并对所述浏览器实例进行输入接口编写得到浏览器输入接口，所述浏览器输入接口的入参包括所述浏览器实例的页面地址；基于用户截图请求的请求头中的cookie对所述浏览器输入接口进行校验并创建对所述浏览器输入接口进行调用的调用文件，所述调用文件中包含所述cookie；遍历所述浏览器实例的各个所述页面地址异步创建对应的promise对象，并在所述promise对象中创建页面对象；针对所述浏览器实例的每个所述页面地址，通过页面对象中的页面打开所述页面地址并设置浏览器等待时间；将所述调用文件中的所述cookie写入所述页面对象得到写入页面，并基于所述写入页面、所述浏览器等待时间以及预设条件进行页面跳转得到渲染页面，所述预设条件为判断所述写入页面完成跳转的条件；在所述渲染页面中选定目标对象，并基于截图函数得到选定的所述目标对象的截图对象；将所述截图对象放置在画布中并添加水印后得到带水印截图。2.根据权利要求1所述的方法，其特征在于，所述基于网页框架创建浏览器实例并对所述浏览器实例进行输入接口编写得到浏览器输入接口，所述浏览器输入接口的入参包括所述浏览器实例的页面地址，包括：通过koa2框架搭建浏览器运行环境,并在所述运行环境中安装工具引擎pupeteer；基于所述工具引擎pupeteer创建所述浏览器实例；编写所述浏览器实例的输入接口，所述输入接口的入参包括所述浏览器实例的所述页面地址。3.根据权利要求1所述的方法，其特征在于，所述基于用户截图请求的请求头中的cookie对所述浏览器输入接口进行校验并创建对所述浏览器输入接口进行调用的调用文件，所述调用文件中包含所述cookie，包括：通过ctx.cookie读取所述请求头中的cookie；通过所述cookie对所述浏览器输入接口进行校验得到校验结果；当所述校验结果显示所述请求头通过校验时，通过fs.mkdir创建调用文件，所述调用文件中包括所述cookie。4.根据权利要求1所述的方法，其特征在于，所述遍历所述浏览器实例的各个所述页面地址异步创建对应的promise对象，并在所述promise对象中创建页面对象，包括：通过promise.all方法对所述浏览器实例的各个所述页面地址进行遍历得到遍历进行对象创建得到每个所述页面地址对应的promise对象；通过browser.newPage方法在每个所述promise对象中创建页面得到所述promise对象对应的页面对象。5.根据权利要求1所述的方法，其特征在于，所述在所述渲染页面中选定目标对象，并基于截图函数得到选定的所述目标对象的截图对象，包括：在所述渲染页面中选定所述目标对象，调用ChromeDevToolsProtocal中的captureScreenshot方法对所述目标对象进行截图得到截图对象。2CN113032707A权利要求书2/2页6.根据权利要求1所述的方法，其特征在于，所述将所述截图对象放置在画布中并添加水印后得到带水印截图并将所述带水印截图，包括：通过page.evalute函数的document.createElement