CN108959605A - 用于网页的截图方法、装置、计算机设备和存储介质 - Google Patents

Abstract

本发明实施例公开了一种用于网页的截图方法、装置、计算机设备和存储介质。该方法包括：响应于用户触发的截图指令，确定当前浏览器的浏览器类型，根据浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式，并采用目标截取方式截取用户选择的目标区域的图像数据。本发明实施例的技术方案能够根据浏览器的类型自主选择合适的截图方式，解决了现有浏览器中由于一些版本的浏览器不支持传统的浏览器插件，造成在许多浏览器上可能无法实现网页与本地应用的通信，导致无法在网页上实现截图的问题，实现了网页与本地应用的通信，以及在网页上截取需要的图片的效果。

Description

用于网页的截图方法、装置、计算机设备和存储介质

技术领域

本发明实施例涉及计算机技术领域，尤其涉及一种用于网页的截图方法、装置、计算机设备和存储介质。

背景技术

随着互联网的发展和网页前端技术的不断进步，用户可以选择在浏览器网页上进行信息发布和企业办公，比如，用户可以在网页上进行即时通讯聊天和邮件发送。用户在网页上进行信息发送时，可以选择向需要发送的信息中加入图片。如果用户想要在网页中使用桌面图片，最简单的方式是在网页上通过浏览器截图插件来截取图片，并将截取的图片数据反馈到网页中进行上传处理。

但是，随着浏览器的不断发展与更新，现有浏览器中存在一些版本的浏览器已经不再支持传统的浏览器插件，比如Firefox和Google Chrome等新版本浏览器均已经不再支持NPAPI，从而造成在许多浏览器上可能无法实现网页与本地应用的通信，导致无法在网页上实现截图功能。

发明内容

本发明实施例中提供一种用于网页的截图方法、装置、计算机设备和存储介质，以实现网页与本地应用的通信，并在网页上截取需要的图片。

第一方面，本发明实施例中提供了一种用于网页的截图方法，该方法包括：

响应于用户触发的截图指令，确定当前浏览器的浏览器类型；

根据所述浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式；

采用所述目标截取方式截取用户选择的目标区域的图像数据。

第二方面，本发明实施例中还提供了一种用于网页的截图装置，该装置包括：

浏览器类型确定模块，用于响应于用户触发的截图指令，确定当前浏览器的浏览器类型；

截取方式选择模块，用于根据所述浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式；

目标图像截取模块，用于采用所述目标截取方式截取用户选择的目标区域的图像数据。

第三方面，本发明实施例中还提供了一种计算机设备，该计算机设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本发明上述任一所述的用于网页的截图方法。

第四方面，本发明实施例中还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本发明上述任一所述的用于网页的截图方法。

本发明实施例中提供了一种用于网页的截图方法，通过响应于用户触发的截图指令，确定当前浏览器的浏览器类型，根据浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式，并采用目标截取方式截取用户选择的目标区域的图像数据。本发明实施例的技术方案能够根据浏览器的类型自主选择合适的截图方式，解决了现有浏览器中由于一些版本的浏览器不支持传统的浏览器插件，造成在许多浏览器上可能无法实现网页与本地应用的通信，导致无法在网页上实现截图的问题，实现了网页与本地应用的通信，以及在网页上截取需要的图片的效果。

附图说明

图1是本发明实施例一中提供的用于网页的截图方法的流程示意图；

图2是本发明实施例二中提供的用于网页的截图方法的流程示意图；

图3是本发明实施例三中提供的用于网页的截图方法的流程示意图；

图4是本发明实施例四中提供的用于网页的截图装置的结构示意图；

图5是本发明实施例五中提供的一种计算机设备的结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

在更加详细地讨论示例性实施例之前应当提到的是，一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各项操作(或步骤)描述成顺序的处理，但是其中的许多操作可以被并行地、并发地或者同时实施。此外，各项操作的顺序可以被重新安排。当其操作完成时所述处理可以被终止，但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。

实施例一

图1是本发明实施例一中提供的用于网页的截图方法的流程示意图，本发明实施例可适用于在浏览器中进行截图的情况，该方法可以由用于网页的截图装置来执行，该装置可以采用软件和/或硬件的方式实现，并可集成在任何具有网络通信功能的计算机设备上。

如图1所示，本发明实施例的用于网页的截图方法可以包括：

步骤101、响应于用户触发的截图指令，确定当前浏览器的浏览器类型。

在本发明实施例中，用户可以在任一浏览器中采用本发明实施例中提供的用于网页的截图方法，在采用用于网页的截图方法时，可以将当前正在进行截图的浏览器作为当前浏览器。当前浏览器上可以设置有截图按钮控件，用户可以通过触发截图按钮控件或者预先设置的截图快捷键，开启当前浏览器的截图功能。当用户点击当前浏览器上设置的截图按钮控件时，通过截图按钮控件可以产生截图指令，截图按钮控件中可以存在一个截图调用接口，通过截图调用接口可以发送截图指令。当用户触发在当前浏览器上预先设置的截图快捷键时，可以根据截图快捷键在快捷键列表中预设的映射关系产生截图指令。用于网页的截图装置可以响应用户通过点击截图按钮控件或者触发预先设置的截图快捷键而生成的截图指令，确定当前浏览器的浏览器类型。其中，浏览器类型可以理解为当前浏览器所需要的浏览器插件的类型。

在本发明实施例中的一种可选实施方式中，确定当前浏览器的浏览器类型可以包括：通过运行JavaScript脚本进入截图函数和/或解析当前浏览器的用户代理User Agent信息，确定当前浏览器的浏览器类型。示例性的，对于IE浏览器而言，IE浏览器可以支持ActiveX插件，IE浏览器中存在ActiveX Object函数，只要判断对象中存在ActiveX Object函数，就可以明确判断出当前浏览器的浏览器类型是IE浏览器；而IE浏览器的各个版本包括不同的用户代理User Agent，通过解析用户代理User Agent就可以确定IE浏览器的版本号。当然，针对其他浏览器的浏览器类型的确定也可以采用与IE相同的方法，这里不再具体限定。

步骤102、根据浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式。

在本发明实施例中，浏览器可以分为多种类型的浏览器。不同浏览器的浏览器内核有所不同，通过浏览器内核可以决定浏览器如何显示网页的内容以及页面的格式信息，不同的浏览器内核对网页编写语法的解释不相同，因此不同的浏览器类型需要不同的浏览器截图插件。目前主流的浏览器包含有IE、Firefox、Google Chrome、Edge以及其他的双核浏览器，实现浏览器插件的传统方法是ActiveX和NPAPI。示例性的，IE可以支持ActiveX，Firefox 50以及Firefox 50以下的版本可以支持NPAPI，Google Chrome 42以及GoogleChrome 42以下的版本可以支持NPAPI，一部分其他双核浏览器可以支持ActiveX或NPAPI，但是现有浏览器中还存在一些版本的浏览器既不支持ActiveX，也不支持NPAPI。

在本发明实施例中，在浏览器的网页上进行截图的截取方式可以包括：截图插件所属的截取方式和独立截图进程所属的截取方式。当用户在当前浏览器上进行截图时，由于不同的浏览器可能需要不同的截图插件，并且现有浏览器中还存在一些版本的浏览器既不支持ActiveX插件，也不支持NPAPI插件。为此，需要通过用于网页的截图装置根据浏览器类型在截图插件所属的截取方式和独立截图进程所属的截取方式中进行选择，从而确定当前浏览器需要采用哪种截取方式，并将选择确定的截取方式作为目标截取方式。

在本发明实施例中的一种可选实施方式中，根据浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式，可以包括：

若根据浏览器类型确定当前浏览器支持截图插件，则检测截图插件在当前浏览器的网页上的加载状态；

若确定截图插件处于加载成功状态，则将截图插件所属的截取方式作为目标截取方式。

在本实施方式中，由于截图插件在当前浏览器的网页上可能并没有被加载，比如ActiveX插件或者NPAPI插件，即使当前浏览器支持截图插件，也不代表在当前浏览器上就可以使用ActiveX插件或者NPAPI插件进行截图。为此，在确定当前浏览器支持截图插件之后，还需要检测截图插件在当前浏览器的网页上的加载状态。对于截图插件而言，在当前浏览器的网页上可以采用object标签，object标签中可以存储有截图插件的唯一标识，比如ID号。通过JavaScript脚本对应的object标签获取截图插件对应的object对象，通过获取的object对象判断截图插件在当前浏览器上是否加载成功。若object对象为空，则认为截图插件在当前浏览器的网页上的没有安装成功，即没有加载成功，截图插件在当前浏览器上不可用。若object对象不为空，则认为截图插件在当前浏览器的网页上的安装成功，即加载成功，截图插件在当前浏览器上可用。

在本发明实施例中的另一种可选实施方式中，根据浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式，还可以包括：

若根据浏览器类型确定当前浏览器不支持截图插件或者确定截图插件在当前浏览器的网页上处于未加载成功状态，则将独立截图进程所属的截取方式作为目标截取方式。

在本实施方式中，若根据浏览器类型确定当前浏览器不支持截图插件，则可以直接将独立截图进程所属的截取方式作为目标截取方式。若根据浏览器类型确定当前浏览器支持截图插件，则需要进一步确定截图插件在当前浏览器的网页上的加载状态，若确定截图插件在当前浏览器的网页上处于未加载成功状态，则同样将独立截图进程所属的截取方式作为目标截取方式。

步骤103、采用目标截取方式截取用户选择的目标区域的图像数据。

在本发明实施例中，当根据浏览器的类型确定当前浏览器的目标截取方式之后，系统可以进入截图状态，显然当前浏览下的截图状态异于普通的屏幕显示状态，以便提醒用户己经进入截图操作，有利于提示用户选择的目标区域的图像数据。在用户选择目标区域的图像数据之后，用于网页的截图装置可以采用目标截取方式截取用户选择的目标区域的图像数据。可选的，当根据浏览器的类型确定当前浏览器的目标截取方式之后，可以向用户提供截图选框，用户通过截图选框选择用户需要的目标区域的图像数据。另外，截图选框的大小和形状可以根据用户的操作进行自行设置。

在本发明实施例中，可选的，在用户选择的目标区域的图像数据之前，可以向当前浏览器所在的屏幕界面发送截图提醒信息，通过截图提醒信息提醒用户是否开始截图。截图提醒信息可以始终保持在屏幕的最前端，用户可以切换到需要进行截图的目标区域，然后再根据截图提醒信息开始截图。可选的，当用户通过截图选框选取目标区域的图像数据之后，可以再触发截图提醒信息的开始截图控件。用于网页的截图装置可以响应用户的开始截图操作，采用目标截取方式截取用户选择的目标区域的图像数据，实现截图操作。

本发明实施例中提供了一种用于网页的截图方法，通过响应于用户触发的截图指令，确定当前浏览器的浏览器类型，根据浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式，并采用目标截取方式截取用户选择的目标区域的图像数据。本发明实施例的技术方案能够根据浏览器的类型自主选择合适的截图方式，解决了现有浏览器中由于一些版本的浏览器不支持传统的浏览器插件，造成在许多浏览器上可能无法实现网页与本地应用的通信，导致无法在网页上实现截图的问题，实现了网页与本地应用的通信，以及在网页上截取需要的图片的效果。

实施例二

图2是本发明实施例二中提供的用于网页的截图方法的流程示意图，本发明实施例是在上述实施例的基础上进一步进行优化。

如图2所示，本发明实施例的用于网页的截图方法可以包括：

步骤201、响应于用户触发的截图指令，确定当前浏览器的浏览器类型。

步骤202、根据浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式。

可选的，根据浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式，可以包括：

若根据浏览器类型确定当前浏览器支持截图插件，则检测截图插件在当前浏览器的网页上的加载状态；若确定截图插件处于加载成功状态，则将截图插件所属的截取方式作为目标截取方式。

可选的，根据浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式，可以包括：

若根据浏览器类型确定当前浏览器不支持截图插件或者确定截图插件在当前浏览器的网页上处于未加载成功状态，则将独立截图进程所属的截取方式作为目标截取方式。

步骤203、当目标截取方式为截图插件所属的截取方式时，通过调用截图插件的截图接口截取用户选择的目标区域的图像数据。

在本发明实施例中，当前浏览器的网页上可以嵌入截图插件，截图插件可以采用网页脚本的形式进行编写，比如JavaScript网页脚本，网页脚本可以直接嵌入到浏览器的网页的HTML代码中，也可以根据网页的不同代码编写相应的网页脚本，以实现将截图插件嵌入到不同的网页中。当目标截取方式为截图插件所属的截取方式时，通过JavaScript脚本调用当前浏览器的网页上嵌入的截图插件的截图接口截取用户选择的目标区域的图像数据，实现截图。

在本发明实施例中，截图插件可以分为多种，比如ActiveX插件或者NPAPI插件，当确定目标截取方式为截图插件所属的截取方式时，还可以获取当前浏览器所匹配的截图插件类型，通过JavaScript脚本调用当前浏览器所匹配的截图插件的截图接口截取用户选择的目标区域的图像数据。示例性的，如果浏览器为IE浏览器，则通过JavaScript脚本调用当前IE浏览器的ActiveX插件的截图接口截取用户选择的目标区域的图像数据。如果浏览器为Firefox 50以及Firefox 50以下的版本的浏览器，则通过JavaScript脚本调用当前Firefox浏览器的NPAPI插件的截图接口截取用户选择的目标区域的图像数据。如果浏览器为Google Chrome 42以及Google Chrome 42以下的版本的浏览器，则通过JavaScript脚本调用当前Google Chrome浏览器的NPAPI插件的截图接口截取用户选择的目标区域的图像数据。如果浏览器为既可以支持ActiveX，又可以支持NPAPI的浏览器，则通过JavaScript脚本调用当前浏览器的ActiveX插件或NPAPI插件中任一截图插件的截图接口截取用户选择的目标区域的图像数据。

步骤204、当目标截取方式为独立截图进程所属的截取方式时，检测独立截图进程在当前浏览器的网页上的运行状态。

在本发明实施例中，在根据浏览器类型确定当前浏览器不支持截图插件或者确定截图插件在当前浏览器的网页上处于未加载成功状态时，可以将独立截图进程所属的截取方式作为目标截取方式，但是由于独立截图进程可能处于启动运行状态，也可能处于未启动运行状态，在未启动运行状态的独立截图进程是无法用来进行截图。为此，当确定目标截取方式为独立截图进程所属的截取方式时，还可以检测独立截图进程在当前浏览器的网页上的运行状态。判断独立截图进程在当前浏览器的网页上是处于启动运行状态，还是处于未启动运行状态。

在本发明实施例中，在设置有独立截图进程的浏览器网页上，独立截图进程中可以增加第一端口，并在第一端口上设置有实现基于HTTP通信协议的第一接口，比如在本实施例中可以将第一接口定义为check接口，通过第一接口可以检查独立截图进程的可用性，即检查独立截图进程在当前浏览器的网页上的运行状态。可选的，在当前浏览器下，通过调用脚本程序采用Ajax访问独立截图进程中基于HTTP通信协议的第一接口，若在预设时间内检测到从第一接口返回确认信号，则确定独立截图进程在当前浏览器的网页上处于启动状态，若在预设时间内未检测到从第一接口返回确认信号，则确定独立截图进程在当前浏览器的网页上处于未启动状态。

步骤205、若确定独立截图进程处于启动状态，则通过调用独立截图进程中基于HTTP通信协议的第二接口截取用户选择的目标区域的图像数据。

在本发明实施例中，在设置有独立截图进程的浏览器网页上，独立截图进程中可以增加第二端口，并在第二端口上设置有实现基于HTTP通信协议的第二接口，比如在本实施例中可以将第二接口定义为capture接口，通过第二接口可以触发独立截图进程进行截图。若确定独立截图进程处于启动状态，则通过调用独立截图进程中基于HTTP通信协议的第二接口截取用户选择的目标区域的图像数据。例如，现有浏览器中存在一些版本的浏览器既不支持ActiveX，也不支持NPAPI，此时可以调用独立截图进程中基于HTTP通信协议的第二接口截取用户选择的目标区域的图像数据。

需要说明的是，截图插件实现截图的方式是利用浏览器内部的截图进程进行截图，换言之，截图插件所属的截取方式采用的是内部自带的进程，实现截图；而独立截图进程实现截图的方式是通过注册浏览器自定义协议生成的独立截图进程，独立截图进程并不是浏览器自身的内部进程，具体如何生成独立截图进程后续进行详细阐述。

在本发明实施例中的另一种可选实施方式中，在检测独立截图进程在当前浏览器的网页上的运行状态之后，还可以包括：

若确定独立截图进程处于未启动状态时，则向用户发送提示信息；提示信息用于提示用户是否启动独立截图进程；

当接收到用户对提示信息的启动反馈信号时，通过浏览器自定义协议在当前浏览器中启动独立截图进程，并返回检测独立截图进程在当前浏览器的网页上的运行状态。

在本实施方式中，若用于网页的截图装置检测到独立进程处于未启动运行状态，向用户发送提示信息，通过提示信息可以提示用户独立截图进程在当前浏览器的网页上没有被启动，同时询问用户是否在当前浏览器的网页上启动独立截图进程。向用户发送的提示信息可以以弹框的形式向用户展示，提示信息中可以包括启动链接或者启动按钮，用户可以通过触发启动链接或者启动按钮来发送启动独立进程的启动反馈信号。用于网页的截图装置可以接收用户对提示信息的启动反馈信号，并响应接收到的启动反馈信号，通过浏览器自定义协议在当前浏览器中启动独立截图进程。具体可以通过浏览器自定义的统一资源定位符URL在当前浏览器的网页上启动本地的独立截图进程。比如采用WebCaptureControl://？param＝capture。

在本发明实施例中的一种可选实施方式中，如果用户触发浏览器自定义URL之后没有弹出“确认提示窗口”，则表示没有注册独立截图进程；如果用户触发浏览器自定义URL之后弹出了“确认提示窗口”，则表示已经安装了独立截图进程。具体的，用户可以根据是否有弹出确认提示窗口来决定下一步动作。如果弹出“确认提示窗口”，则点击确认，继续循环返回“检测独立截图进程在当前浏览器的网页上的运行状态”的步骤，重新检测独立截图进程在当前浏览器的网页上的运行状态。如果未弹出“确认提示窗口”，则表明尚未安装截图插件以及尚未创建独立截图进程，则根据当前浏览器所在屏幕界面上的提示信息，下载截图插件和/或创建独立截图进程的安装包，并进行注册安装。

在本实施方式中，通过安装截图插件和/或创建独立截图进程的安装包，可以在浏览器中注册ActiveX、NPAPI以及独立截图进程的浏览器自定义协议，同时在浏览器中启动独立截图进程。注册浏览器自定义协议时是由下载的安装包去注册表中添加相应的注册表项，在注册表中添加相应的注册表项之后，就可以在浏览器中通过浏览器自定义协议在浏览器中启动独立截图进程。等待安装注册完成之后，可以返回步骤201或步骤202重新确定目标截取方式，并根据确定的目标截取方式截取用户选择的目标区域的图像数据。

另外，在本发明实施例中的一种可选实施方式中，在采用目标截取方式截取用户选择的目标区域的图像数据之后，可以截取得到的图像数据转换成Base64字符串，并将得到的Base64字符串发送至当前浏览器的网页上，进行后续的处理。

在本实施方式中，可以通过Base64对截取得到的用户选择的目标区域的图像数据进行编码，转换成Base64字符串，进而通过HTTP传输编码后的数据。通过将图像数据转换为Base64字符串发送至当前浏览器的网页上，可以将Base64字符串整合至其他数据的传输中，从而可以提高数据的传输效率。

本发明实施例中提供了一种用于网页的截图方法，通过响应于用户触发的截图指令，确定当前浏览器的浏览器类型，根据浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式，当目标截取方式为截图插件所属的截取方式时，通过调用截图插件的截图接口截取用户选择的目标区域的图像数据，当目标截取方式为独立截图进程所属的截取方式时，检测独立截图进程在当前浏览器的网页上的运行状态；若确定独立截图进程处于启动状态，则通过调用独立截图进程中基于HTTP通信协议的第二接口截取用户选择的目标区域的图像数据。本发明实施例的技术方案能够根据浏览器的类型自主选择合适的截图方式，解决了现有浏览器中由于一些版本的浏览器不支持传统的浏览器插件，造成在许多浏览器上可能无法实现网页与本地应用的通信，导致无法在网页上实现截图的问题，能够兼容所有浏览器，取得兼容性以及使用体验上的最佳平衡的效果。

实施例三

图3是本发明实施例三中提供的用于网页的截图方法的流程示意图，本发明实施例是在上述实施例的基础上进一步进行优化。

如图3所示，本发明实施例的用于网页的截图方法可以包括：

步骤301、响应于用户触发的截图指令，确定当前浏览器的浏览器类型。

步骤302、检测当前浏览器是否支持截图插件。

在本发明实施例中，截图插件可以包括ActiveX插件或NPAPI插件。若检测到当前浏览器不支持截图插件，则执行步骤303：检测独立截图进程是否启动。若检测到当前浏览器支持截图插件，则执行步骤304：检测截图插件是否处于加载成功状态。

步骤303、通过调用独立截图进程中基于HTTP通信协议的第一接口，检测独立截图进程是否启动。

在本发明实施例中，通过调用脚本程序访问独立截图进程中基于HTTP通信协议的第一接口，检测独立截图进程是否启动。若检测到独立截图进程处于启动状态，则执行步骤306：通过调用独立截图进程中基于HTTP通信协议的第二接口截取用户选择的目标区域的图像数据。若检测到独立截图进程处于未启动状态时，则执行步骤307：向用户发送提示信息；提示信息用于提示用户是否启动独立截图进程。

步骤304、检测截图插件是否处于加载成功状态。

在本发明实施例中，若检测到截图插件处于加载成功状态，则执行步骤305：通过调用截图插件的截图接口截取用户选择的目标区域的图像数据。若检测到截图插件处于未加载成功状态，则返回执行步骤303：检测独立截图进程是否启动。

步骤305、通过调用截图插件的截图接口截取用户选择的目标区域的图像数据。

步骤306、通过调用独立截图进程中基于HTTP通信协议的第二接口截取用户选择的目标区域的图像数据。

步骤307、向用户发送提示信息；提示信息用于提示用户是否启动独立截图进程。

步骤308、判断是否弹出“确认提示窗口”。

在本发明实施例中，如果用户触发浏览器自定义URL之后弹出了“确认提示窗口”，则表示已经安装了独立截图进程，执行步骤309：接收用户的点击“确认提示窗口”的操作。如果用户触发浏览器自定义URL之后没有弹出“确认提示窗口”，则表示没有注册独立截图进程，执行步骤310：提示用户下载截图插件和/或创建独立截图进程的安装包。

步骤309、接收用户的点击“确认提示窗口”的操作。

步骤310、提示用户下载截图插件和/或创建独立截图进程的安装包。

步骤311、等待下载完成安装包之后，注册ActiveX、NPAPI以及独立截图进程的浏览器自定义协议。

在本发明实施例中，等待安装注册完成之后，可以循环返回步骤301。

步骤312、将截取得到的图像数据转换成Base64字符串，并发送至当前浏览器的网页上，进行后续的处理。

本发明实施例中提供了一种用于网页的截图方法，采用本发明实施例的技术方案，能够综合判断浏览器支持情况以自动选择使用的截图方式，可以在IE各版本、GoogleChrome、Firefox、Edge以及其他各种双核浏览器等全系列浏览器上实现从网页中调用桌面截图，增加了截图插件的浏览器兼容性，满足了要求，取得兼容性以及使用体验上的最佳平衡效果。

实施例四

图4是本发明实施例四中提供的用于网页的截图装置的结构示意图，本发明实施例可适用于在浏览器中进行截图的情况，该装置可以采用软件和/或硬件的方式实现，并可集成在任何具有网络通信功能的计算机设备上。

如图4所示，本发明实施例中的用于网页的截图装置可以包括：浏览器类型确定模块401、截取方式选择模块402和目标图像截取模块403。其中：

浏览器类型确定模块401，用于响应于用户触发的截图指令，确定当前浏览器的浏览器类型；

截取方式选择模块402，用于根据所述浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式；

目标图像截取模块403，用于采用所述目标截取方式截取用户选择的目标区域的图像数据。

在上述方案的基础上，可选的，所述截取方式选择模块402可以包括：

第一检测单元，用于若根据所述浏览器类型确定当前浏览器支持截图插件，则检测所述截图插件在所述当前浏览器的网页上的加载状态；

第一选取单元，用于若确定所述截图插件处于加载成功状态，则将所述截图插件所属的截取方式作为目标截取方式。

在上述方案的基础上，可选的，所述截取方式选择模块402还可以包括：

第二选取单元，用于若根据所述浏览器类型确定当前浏览器不支持截图插件或者确定所述截图插件在所述当前浏览器的网页上处于未加载成功状态，则将独立截图进程所属的截取方式作为目标截取方式。

在上述方案的基础上，可选的，所述目标图像截取模块403可以包括：

第一截取单元，用于当目标截取方式为截图插件所属的截取方式时，通过调用截图插件的截图接口截取用户选择的目标区域的图像数据；

第二检测单元，用于当目标截取方式为独立截图进程所属的截取方式时，检测独立截图进程在当前浏览器的网页上的运行状态；

第二截取单元，用于若确定所述独立截图进程处于启动状态，则通过调用独立截图进程中基于HTTP通信协议的第二接口截取用户选择的目标区域的图像数据。

在上述方案的基础上，可选的，所述目标图像截取模块403还可以包括：

信息提示单元，用于若确定所述独立截图进程处于未启动状态时，则向用户发送提示信息；所述提示信息用于提示用户是否启动所述独立截图进程；

启动返回单元，用于当接收到用户对所述提示信息的启动反馈信号时，通过浏览器自定义协议在当前浏览器中启动所述独立截图进程，并返回检测独立截图进程在当前浏览器的网页上的运行状态。

在上述方案的基础上，可选的，所述第二检测单元，可以包括：

接口访问子单元，用于在当前浏览器下，通过调用脚本程序访问所述独立截图进程中基于HTTP通信协议的第一接口；其中，所述第一接口用于检查独立截图进程的可用性；

第一确定子单元，用于若在预设时间内检测到从所述第一接口返回确认信号，则确定所述独立截图进程在所述当前浏览器的网页上处于启动状态；

第二确定子单元，若在预设时间内未检测到从所述第一接口返回确认信号，则确定所述独立截图进程在所述当前浏览器的网页上处于未启动状态。

本发明实施例中所提供的用于网页的截图装置可执行本发明任意实施例中所提供的用于网页的截图方法，具备执行方法相应的功能模块和有益效果。

实施例五

图5是本发明实施例五中提供的一种计算机设备的结构示意图。图5示出了适于用来实现本发明实施方式的示例性计算机设备512的框图。图5显示的计算机设备512仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图5所示，计算机设备512以通用计算机设备的形式表现。计算机设备512的组件可以包括但不限于：一个或者多个处理器516，存储装置528，连接不同系统组件(包括存储装置528和处理器516)的总线518。

总线518表示几类总线结构中的一种或多种，包括存储装置总线或者存储装置控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(Industry SubversiveAlliance，ISA)总线，微通道体系结构(Micro Channel Architecture，MAC)总线，增强型ISA总线、视频电子标准协会(Video Electronics Standards Association，VESA)局域总线以及外围组件互连(Peripheral Component Interconnect，PCI)总线。

计算机设备512典型地包括多种计算机系统可读介质。这些介质可以是任何能够被计算机设备512访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。

存储装置528可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(Random Access Memory，RAM)530和/或高速缓存存储器532。计算机设备512可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，存储系统534可以用于读写不可移动的、非易失性磁介质(图5未显示，通常称为“硬盘驱动器”)。尽管图5中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘，例如只读光盘(Compact Disc Read-Only Memory，CD-ROM),数字视盘(Digital Video Disc-Read Only Memory，DVD-ROM)或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线518相连。存储装置528可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本发明各实施例的功能。

具有一组(至少一个)程序模块542的程序/实用工具540，可以存储在例如存储装置528中，这样的程序模块542包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块542通常执行本发明所描述的实施例中的功能和/或方法。

计算机设备512也可以与一个或多个外部设备514(例如键盘、指向终端、显示器524等)通信，还可与一个或者多个使得用户能与该计算机设备512交互的终端通信，和/或与使得该计算机设备512能与一个或多个其它计算终端进行通信的任何终端(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口522进行。并且，计算机设备512还可以通过网络适配器520与一个或者多个网络(例如局域网(Local Area Network，LAN)，广域网(Wide Area Network，WAN)和/或公共网络，例如因特网)通信。如图5所示，网络适配器520通过总线518与计算机设备512的其它模块通信。应当明白，尽管图中未示出，可以结合计算机设备512使用其它硬件和/或软件模块，包括但不限于：微代码、终端驱动器、冗余处理器、外部磁盘驱动阵列、磁盘阵列(Redundant Arrays of IndependentDisks，RAID)系统、磁带驱动器以及数据备份存储系统等。

处理器516通过运行存储在存储装置528中的程序，从而执行各种功能应用以及数据处理，例如实现本发明任意实施例中所提供的用于网页的截图方法，该方法可以包括：

响应于用户触发的截图指令，确定当前浏览器的浏览器类型；

根据所述浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式；

采用所述目标截取方式截取用户选择的目标区域的图像数据。

实施例六

本发明实施例六中还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本发明任意实施例中所提供的用于网页的截图方法，该方法可以包括：

响应于用户触发的截图指令，确定当前浏览器的浏览器类型；

根据所述浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式；

采用所述目标截取方式截取用户选择的目标区域的图像数据。

本发明实施例的计算机存储介质，可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限于无线、电线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或终端上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

Claims (10)

1.一种用于网页的截图方法，其特征在于，所述方法包括：

响应于用户触发的截图指令，确定当前浏览器的浏览器类型；

根据所述浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式；

采用所述目标截取方式截取用户选择的目标区域的图像数据。

2.根据权利要求1所述的方法，其特征在于，所述根据所述浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式，包括：

若根据所述浏览器类型确定当前浏览器支持截图插件，则检测所述截图插件在所述当前浏览器的网页上的加载状态；

若确定所述截图插件处于加载成功状态，则将所述截图插件所属的截取方式作为目标截取方式。

3.根据权利要求1所述的方法，其特征在于，所述根据所述浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式，包括：

若根据所述浏览器类型确定当前浏览器不支持截图插件或者确定所述截图插件在所述当前浏览器的网页上处于未加载成功状态，则将独立截图进程所属的截取方式作为目标截取方式。

4.根据权利要求1所述的方法，其特征在于，所述采用所述目标截取方式截取用户选择的目标区域的图像数据，包括：

当目标截取方式为截图插件所属的截取方式时，通过调用截图插件的截图接口截取用户选择的目标区域的图像数据；

当目标截取方式为独立截图进程所属的截取方式时，检测独立截图进程在当前浏览器的网页上的运行状态；

若确定所述独立截图进程处于启动状态，则通过调用独立截图进程中基于HTTP通信协议的第二接口截取用户选择的目标区域的图像数据。

5.根据权利要求4所述的方法，其特征在于，在检测独立截图进程在当前浏览器的网页上的运行状态之后，还包括：

若确定所述独立截图进程处于未启动状态时，则向用户发送提示信息；所述提示信息用于提示用户是否启动所述独立截图进程；

当接收到用户对所述提示信息的启动反馈信号时，通过浏览器自定义协议在当前浏览器中启动所述独立截图进程，并返回检测独立截图进程在当前浏览器的网页上的运行状态。

6.根据权利要求4所述的方法，其特征在于，所述检测独立截图进程在当前浏览器的网页上的运行状态，包括：

在当前浏览器下，通过调用脚本程序访问所述独立截图进程中基于HTTP通信协议的第一接口；其中，所述第一接口用于检查独立截图进程的可用性；

若在预设时间内检测到从所述第一接口返回确认信号，则确定所述独立截图进程在所述当前浏览器的网页上处于启动状态；

若在预设时间内未检测到从所述第一接口返回确认信号，则确定所述独立截图进程在所述当前浏览器的网页上处于未启动状态。

7.一种用于网页的截图装置，其特征在于，所述装置包括：

浏览器类型确定模块，用于响应于用户触发的截图指令，确定当前浏览器的浏览器类型；

截取方式选择模块，用于根据所述浏览器类型从截图插件所属的截取方式和独立截图进程所属的截取方式中选择目标截取方式；

目标图像截取模块，用于采用所述目标截取方式截取用户选择的目标区域的图像数据。

8.根据权利要求7所述的装置，其特征在于，所述目标图像截取模块包括：

第一截取单元，用于当目标截取方式为截图插件所属的截取方式时，通过调用截图插件的截图接口截取用户选择的目标区域的图像数据；

第二检测单元，用于当目标截取方式为独立截图进程所属的截取方式时，检测独立截图进程在当前浏览器的网页上的运行状态；

第二截取单元，用于若确定所述独立截图进程处于启动状态，则通过调用独立截图进程中基于HTTP通信协议的第二接口截取用户选择的目标区域的图像数据。

9.一种计算机设备，其特征在于，所述计算机设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-6中任一所述的用于网页的截图方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-6中任一所述的用于网页的截图方法。