CN111124556A - 一种窗口操作的方法及装置 - Google Patents

Abstract

本申请提供一种窗口操作的方法及装置，应用于电子设备中，其中所述方法包括：通过本设备安装的本地服务接收本设备已加载的web页面发送的窗口处理请求；依据所述窗口处理请求，对当前显示的预览窗口进行处理，以使被所述预览窗口遮挡的web页面的页面元素正常显示，其中，所述预览窗口由所述本地服务创建。本申请可以通过本地服务来解决web页面元素与预览窗口层级的问题，可以不受限于页面元素相对于预览窗口的大小和位置，适用性强。

Description

一种窗口操作的方法及装置

技术领域

本申请涉及数据处理技术领域，尤其涉及一种窗口操作的方法及装置。

背景技术

在互联网时代，web应用因其具有高度的使用便捷性及良好的跨平台特性而占据着计算机应用的大部分市场。用户只需要在智能终端的浏览器输入网址，即可访问并使用web应用。对于web应用开发人员来说，对于web应用的维护非常方便，只需要维护一套程序即可，不必考虑应用软件对操作系统的要求。

现有的web应用都是基于浏览器这个容器，使用JavaScript技术开发的网页程序。为了提高web应用的性能，在相关技术中，可以通过嵌入技术在web应用的页面上显示预览窗口，但随之而来会遇到一个问题，由于预览窗口的显示层级高于web页面的页面元素的显示层级，使得网页元素被预览窗口遮挡。

发明内容

有鉴于此，本申请提供一种窗口操作的方法及装置。

具体地，本申请是通过如下技术方案实现的：

第一方面，本申请提供了一种窗口操作的方法，所述方法应用于电子设备中，所述方法包括：

通过本设备安装的本地服务接收本设备已加载的web页面发送的窗口处理请求；

依据所述窗口处理请求，对当前显示的预览窗口进行处理，以使被所述预览窗口遮挡的web页面的页面元素正常显示，其中，所述预览窗口由所述本地服务创建。

优选地，所述窗口处理请求为窗口抠图请求，包括所述页面元素相对于所述预览窗口的相对位置信息；

所述依据所述窗口处理请求，对当前显示的预览窗口进行处理，包括：

根据所述相对位置信息，确定所述页面元素的显示区域，记作抠图区域；

获取所述预览窗口的显示区域，记作第一显示区域；

基于所述抠图区域，对所述第一显示区域进行抠图处理，生成所述预览窗口的更新显示区域，记作第二显示区域，其中，所述第二显示区域与所述抠图区域不存在重合区域；

将所述预览窗口的显示区域设置为所述第二显示区域。

优选地，所述基于所述抠图区域，对所述第一显示区域进行抠图处理，生成所述预览窗口的更新显示区域，包括：

将所述抠图区域与所述第一显示区域进行异或操作，以从所述第一显示区域中抠除所述抠图区域，生成所述预览窗口的更新显示区域。

优选地，所述窗口处理请求为窗口截图请求，所述依据所述窗口处理请求，对当前显示的预览窗口进行处理，包括：

基于所述窗口截图请求，截取所述预览窗口的图片；

将所截取的图片发送至所述web页面；

当接收到所述web页面发送的图片处理消息时，隐藏所述预览窗口；其中，所述图片处理消息为所述web页面将所述图片插入到所述web页面对应位置后生成的消息，所述对应位置为所述预览窗口所处的位置。

优选地，所述方法还包括：

接收所述web页面发送的窗口还原请求；

依据所述窗口还原请求，对所述预览窗口进行还原处理。

第二方面，本申请还提供了一种窗口操作的装置，所述装置应用于电子设备中，所述装置包括：

请求接收模块，用于通过本设备安装的本地服务接收本设备已加载的web页面发送的窗口处理请求；

窗口处理模块，用于依据所述窗口处理请求，对当前显示的预览窗口进行处理，以使被所述预览窗口遮挡的web页面的页面元素正常显示，其中，所述预览窗口由所述本地服务创建。

优选地，所述窗口处理请求为窗口抠图请求，包括所述页面元素相对于所述预览窗口的相对位置信息；

所述窗口处理模块包括：

抠图区域确定子模块，用于根据所述相对位置信息，确定所述页面元素的显示区域，记作抠图区域；

窗口区域确定子模块，用于获取所述预览窗口的显示区域，记作第一显示区域；

抠图子模块，用于基于所述抠图区域，对所述第一显示区域进行抠图处理，生成所述预览窗口的更新显示区域，记作第二显示区域，其中，所述第二显示区域与所述抠图区域不存在重合区域；

窗口区域更新子模块，用于将所述预览窗口的显示区域设置为所述第二显示区域。

优选地，所述抠图子模块具体用于：

将所述抠图区域与所述第一显示区域进行异或操作，以从所述第一显示区域中抠除所述抠图区域，生成所述预览窗口的更新显示区域。

优选地，所述窗口处理请求为窗口截图请求，所述窗口处理模块包括：

截图子模块，用于基于所述窗口截图请求，截取所述预览窗口的图片；

图片发送子模块，用于将所截取的图片发送至所述web页面；

窗口隐藏子模块，用于当接收到所述web页面发送的图片处理消息时，隐藏所述预览窗口；其中，所述图片处理消息为所述web页面将所述图片插入到所述web页面对应位置后生成的消息，所述对应位置为所述预览窗口所处的位置。

优选地，所述装置还包括：

窗口还原模块，用于接收所述web页面发送的窗口还原请求，并依据所述窗口还原请求，对所述预览窗口进行还原处理。

第三方面，本申请还提供了一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现上述方法的步骤。

第四方面，本申请还提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述方法的步骤。

本申请具有如下有益效果：

在本申请实施例中，可以通过设备安装的本地服务接收本设备已加载的web页面发送的窗口处理请求，并根据该窗口处理请求，对当前显示的预览窗口进行处理，以使被预览窗口遮挡的web页面的页面元素正常显示，通过本地服务来解决web页面元素与预览窗口层级的问题，可以不受限于页面元素相对于预览窗口的大小和位置，适用性强。

附图说明

图1是本申请一示例性实施例示出的一种窗口操作的方法实施例的步骤流程图；

图2是本申请一示例性实施例示出的预览窗口示意图；

图3是本申请一示例性实施例示出的遮挡关系示意图；

图4是本申请一示例性实施例示出的对预览窗口进行抠图处理的流程图；

图5是本申请一示例性实施例示出的对预览窗口进行截图处理的流程图；

图6是本申请的装置所在设备的一种硬件结构图；

图7是本申请一示例性实施例示出的一种窗口操作的装置实施例的结构框图；

图8是本申请一示例性实施例示出的在预览窗口抠图的场景下的一种网页显示的装置实施例的结构框图；

图9是本申请一示例性实施例示出的在预览窗口截图的场景下的一种网页显示的装置实施例的结构框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

在本申请使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请。在本申请和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本申请可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本申请范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

参考图1，示出了本申请一示例性实施例示出的一种窗口操作的方法实施例的步骤流程图，本申请实施例可以应用于电子设备中，该电子设备可以包括智能手机、平板、掌上电脑(Personal Digital Assistant，PDA)等，且该终端的操作系统可以包括Android(安卓)、IOS、Windows Phone、Windows等操作系统，本发明实施例对此均不作限定。

本申请实施例具体可以包括如下步骤：

步骤101，通过本设备安装的本地服务接收本设备已加载的web页面发送的窗口处理请求；

在具体实现中，本地服务是指在电子设备本地运行的一个后台进程。本地服务可以通过安装包的形式安装在本地，运行后便启动一个进程。

web页面是指电子设备的浏览器加载的web客户端(client)的页面，后续的webclient可以理解为web页面，其中，该浏览器可以包括各种通用的浏览器。

该web client与本地服务属于一套数据处理系统，两者可以通过指定端口建立连接并进行通信。其中，上述连接可以包括但不限于：WS/WSS连接、HTTP/HTTPS长轮询连接等。

在一种实施方式中，当浏览器加载本申请实施例中的web页面以后，如果这个web页面中的指定模块被触发(例如，用户点击某个按键触发创建预览窗口)，则页面的js代码通过指定端口发送websocket连接请求至本设备安装的本地服务，以建立两者的连接。

当本地服务与web页面建立连接成功后，本地服务会向web页面返回一个唯一标识UUID(Universally Unique Identifier，全局唯一标识符)，该UUID用于标识该webclient。双方后续的协议指令交互都携带这个UUID。

通过与web页面的各项请求与回应，本地服务可以创建预览窗口，并将该预览窗口嵌入到加载当前web页面的浏览器中，如图2的预览窗口示意图所示，预览窗口嵌入到Tab1页面中。其中，预览窗口可以包括播放窗口、文档窗口等具有句柄的窗口。

在实现时，本地服务可以通过如下两种方式创建预览窗口，并将该预览窗口嵌入加载当前web页面的浏览器中，但应当理解的是，本申请实施例并不限于以下两种方式：

方式一：web Client接收到本地服务返回的UUID以后，将当前加载web页面的浏览器窗口的标题修改为该UUID。随后，web Client向本地服务发送创建预览窗口的指令，其中，该指令中的参数可以包括但不限于预览窗口相对于上述浏览器窗口的位置和大小。本地服务接收到创建预览窗口的指令以后，以UUID作为窗口名称，遍历本设备中桌面的所有窗口，以匹配出web Client所处的浏览器窗口。然后获取该匹配出的浏览器窗口的句柄，设置该句柄为预览窗口的父句柄，从而实现将预览窗口设置为匹配出的浏览器窗口的子窗口，并且根据指令中携带的预览窗口的位置和大小设置预览窗口，达到将预览窗口嵌入到浏览器中的效果，后续预览窗口会跟着浏览器窗口的移动而移动。

方式二：在上述方式一匹配出web Client所处的浏览器窗口以后，根据指令中携带的预览窗口的位置和大小设置预览窗口，并在本地服务中开启位置跟踪器，实时监测浏览器窗口的位置，当检测到浏览器窗口的位置变化时，自动调整预览窗口的位置，达到预览窗口跟随移动的目的，实现“嵌入”效果。

在实际中，当预览窗口以上述两种方式嵌入到浏览器显示的web页面中时，预览窗口的显示层级会高于该web页面中的页面元素的显示层级，且页面元素(如：select、div等)没有单独的句柄，随着用户对web页面的操作，可能存在预览窗口遮挡页面元素的情况。针对这种情况，在本申请实施例中，web页面可以向本地服务发送的窗口处理请求，以触发本地服务对预览窗口的处理。

在一种实施方式中，web client可以采用如下方式判断web页面中是否有页面元素被预览窗口遮挡：

当web页面中的指定事件(如select事件)被触发时，页面的js代码会收到事件响应，此时js代码可以获取该指定事件对应的页面元素，并确定该指定事件对应的页面元素与预览窗口的位置是否有重叠，如果有重叠，则判定有页面元素被预览窗口遮挡，此时，可以获取位置重叠的页面元素作为被遮挡的页面元素。例如，在图3中，网页元素A的位置与预览窗口B的位置有重叠区域，则网页元素A被预览窗口B遮挡。

在实际中，预览窗口的位置和大小是事先设定的，而web页面中各个页面元素的位置和大小也是事先设定的，根据两者的位置和大小的关系，可以判定是否存在与预览窗口位置重叠的页面元素。

步骤102，依据所述窗口处理请求，对当前显示的预览窗口进行处理，以使被所述预览窗口遮挡的web页面的页面元素正常显示。

本地服务接收到web页面发送的窗口处理请求以后，可以根据该窗口处理请求对当前显示的预览窗口进行处理，以使得被遮挡的页面元素能够正常显示。

在本申请实施例的一种优选实施例中，上述对预览窗口的处理为抠图处理，则窗口处理请求为窗口抠图请求，该请求可以包括所述页面元素相对于所述预览窗口的相对位置信息。在实现中，web client可以获取被遮挡的页面元素的显示区域，并根据预览窗口的显示区域，来确定被遮挡的页面元素相对于预览窗口的相对位置信息，该相对位置信息包括相对位置和相对大小。例如，如图3所示，网页元素A相对于预览窗口B的位置为(x、y)和大小为(width、height)。

则步骤102进一步可以包括如下子步骤：

子步骤S11，根据所述相对位置信息，确定所述页面元素的显示区域，记作抠图区域；

子步骤S12，获取所述预览窗口的显示区域，记作第一显示区域；

子步骤S13，基于所述抠图区域，对所述第一显示区域进行抠图处理，生成所述预览窗口的更新显示区域，记作第二显示区域，其中，所述第二显示区域与所述抠图区域不存在重合区域；

子步骤S14，将所述预览窗口的显示区域设置为所述第二显示区域。

具体的，如图4所示，本地服务接收到窗口抠图请求以后，可以根据预览窗口相对于浏览器窗口的位置和大小，以及，被遮挡的页面元素相对于预览窗口的相对位置信息，确定被遮挡的页面元素的显示区域，将该显示区域作为抠图区域。例如，在图3中，根据网页元素A相对于预览窗口B的位置为(x、y)和大小为(width、height)，可以确定网页元素A的显示区域为区域A，此时，可以将区域A作为抠图区域。

同时，可以根据预览窗口相对于浏览器窗口的位置和大小，确定预览窗口的显示区域，例如，在图3中，确定预览窗口的显示区域为区域B，记作第一显示区域。

随后，可以根据抠图区域，对第一显示区域进行抠图处理，生成预览窗口的更新显示区域，记作第二显示区域。

在一种实施方式中，一种抠图处理的方式如下：

将所述抠图区域与所述第一显示区域进行异或操作，以从所述第一显示区域中抠除所述抠图区域，生成所述预览窗口的更新显示区域。

例如，在图3中，将区域B与区域A进行异或操作，即获取区域B中非区域A的区域，实现从区域B中抠除区域A，得到的更新显示区域为图3中的倾斜线确定的区域。

得到第二显示区域以后，则将预览窗口的显示区域设置为第二显示区域，从而使得被遮挡的网页元素暴露出来，解决预览窗口与网页元素的层级问题。例如，在图3中，将预览窗口的显示区域设置为斜线的区域，从而使区域A暴露出来。

本地服务将预览窗口的显示区域设置为第二显示区域后，可以生成窗口更新消息返回Web Client，以通知Web Client抠图成功。

在本申请实施例的另一种优选实施例中，上述对预览窗口的处理为截图处理，则窗口处理请求为窗口截图请求，步骤102进一步可以包括如下子步骤：

子步骤S21，基于所述窗口截图请求，截取所述预览窗口的图片；

子步骤S22，将所截取的图片发送至所述web页面；

子步骤S23，当接收到所述web页面发送的图片处理消息时，隐藏所述预览窗口；其中，所述图片处理消息为所述web页面将所述图片插入到所述web页面对应位置后生成的消息，所述对应位置为所述预览窗口所处的位置。

具体的，如图5所示，本地服务接收到窗口截图请求以后，返回请求接收成功的响应消息，随后，本地服务对预览窗口进行截图，得到预览窗口的图片，并将预览窗口的图片发送给Web Client。

Web Client接收到预览窗口的图片后，可以通过不同方式(例：img标签、canvas、远程获取等)将图片插入到预览窗口在web页面的对应位置中，该对应位置即预览窗口所处的位置，这样做的目的是使得预览窗口的图片显示位置与嵌入位置是一致的。

当web client在页面中插入图片以后，向本地服务返回图片处理消息，本地服务接收到图片处理消息后，隐藏预览窗口，并生成窗口隐藏消息至Web Client，以通知WebClient预览窗口被隐藏。

在本申请实施例中，对预览窗口截图得到预览窗口的图片放置在预览窗口的所在的网页元素的位置，对于用户而言，用户看到的预览窗口与预览窗口的图片的效果是一样的，而图片属于网页中的网页元素，则在预览窗口被隐藏后，被请求的网页元素被操作时，可以覆盖在图片之上，达到显示网页元素的效果。

需要说明的是，在实际中，可以根据实际应用场景的需求，任意选取上述两种对预览窗口的处理方式来对预览窗口进行处理，本申请实施例对此不作限制，例如，如果预览窗口为播放窗口，若在显示时不关注播放窗口播放的内容是否在动，则可以采用截图方案，否则，采用抠图方案。在实现时，可以由开发人员选定某种方案的接口来对预览窗口进行处理，或者，也可以根据预览窗口的显示权重，自动选择某一种适配的方案接口进行预览窗口处理。

在本申请实施例的一种优选实施例中，还可以包括如下步骤：

接收所述web页面发送的窗口还原请求；依据所述窗口还原请求，对所述预览窗口进行还原处理。

在具体实现中，当web client检测到被遮挡的页面元素消失时，例如，select下拉框消失时，则可以向本地服务发送窗口还原请求，本地服务接收到窗口还原请求以后，对预览窗口进行还原处理。

例如，针对上述抠图处理方案，可以将预览窗口的显示区域重新设置为第一显示区域。针对上述截图方案，则通知web端删除页面中的预览窗口的图片，并显示原本被隐藏的预览窗口。

在本申请实施例中，可以通过设备安装的本地服务接收本设备已加载的web页面发送的窗口处理请求，并根据该窗口处理请求，对当前显示的预览窗口进行处理，以使被预览窗口遮挡的web页面的页面元素正常显示，通过本地服务来解决web页面元素与预览窗口层级的问题，可以不受限于页面元素相对于预览窗口的大小和位置，适用性强。

与前述方法的实施例相对应，本申请还提供了窗口操作的装置实施例。

本申请的装置实施例可以应用在电子设备上。装置实施例可以通过软件实现，也可以通过硬件或者软硬件结合的方式实现。以软件实现为例，作为一个逻辑意义上的装置，是通过其所在设备的处理器将非易失性存储器中对应的计算机程序指令读取到内存中运行形成的。从硬件层面而言，如图6所示，为本申请的装置所在设备的一种硬件结构图，除了图6所示的处理器、内存、网络接口、以及非易失性存储器之外，实施例中装置所在的设备通常根据该装置的实际功能，还可以包括其他硬件，对此不再赘述。

请参考图7，示出了本申请一示例性实施例示出的一种窗口操作的装置实施例的结构框图，该窗口操作的装置可以应用于电子设备中，可以包括请求接收模块701以及窗口处理模块702：

请求接收模块701，用于通过本设备安装的本地服务接收本设备已加载的web页面发送的窗口处理请求；

窗口处理模块702，用于依据所述窗口处理请求，对当前显示的预览窗口进行处理，以使被所述预览窗口遮挡的web页面的页面元素正常显示，其中，所述预览窗口由所述本地服务创建。

在本申请实施例的一种优选实施例中，所述窗口处理请求为窗口抠图请求，包括所述页面元素相对于所述预览窗口的相对位置信息；如图8所示，窗口处理模块702具体可以包括如下子模块：

抠图区域确定子模块702-1，用于根据所述相对位置信息，确定所述页面元素的显示区域，记作抠图区域；

窗口区域确定子模块702-3，用于获取所述预览窗口的显示区域，记作第一显示区域；

抠图子模块702-5，用于基于所述抠图区域，对所述第一显示区域进行抠图处理，生成所述预览窗口的更新显示区域，记作第二显示区域，其中，所述第二显示区域与所述抠图区域不存在重合区域；

窗口区域更新子模块702-7，用于将所述预览窗口的显示区域设置为所述第二显示区域。

在本申请实施例的另一种优选实施例中，所述抠图子模块702-5具体用于：

将所述抠图区域与所述第一显示区域进行异或操作，以从所述第一显示区域中抠除所述抠图区域，生成所述预览窗口的更新显示区域。

在本申请实施例的另一种优选实施例中，所述窗口处理请求为窗口截图请求，如图9所示，窗口处理模块702具体可以包括如下子模块：

截图子模块702-2，用于基于所述窗口截图请求，截取所述预览窗口的图片；

图片发送子模块702-4，用于将所截取的图片发送至所述web页面；

窗口隐藏子模块702-6，用于当接收到所述web页面发送的图片处理消息时，隐藏所述预览窗口；其中，所述图片处理消息为所述web页面将所述图片插入到所述web页面对应位置后生成的消息，所述对应位置为所述预览窗口所处的位置。

在本申请实施例的一种优选实施例中，本申请实施例还可以包括如下模块：

窗口还原模块，用于接收所述web页面发送的窗口还原请求，并依据所述窗口还原请求，对所述预览窗口进行还原处理。

对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本申请方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

本申请还提供了一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现上述方法实施例的步骤。

本申请还提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述方法实施例的步骤。

本说明书中描述的主题及功能操作的实施例可以在以下中实现：数字电子电路、有形体现的计算机软件或固件、包括本说明书中公开的结构及其结构性等同物的计算机硬件、或者它们中的一个或多个的组合。本说明书中描述的主题的实施例可以实现为一个或多个计算机程序，即编码在有形非暂时性程序载体上以被数据处理装置执行或控制数据处理装置的操作的计算机程序指令中的一个或多个模块。可替代地或附加地，程序指令可以被编码在人工生成的传播信号上，例如机器生成的电、光或电磁信号，该信号被生成以将信息编码并传输到合适的接收机装置以由数据处理装置执行。计算机存储介质可以是机器可读存储设备、机器可读存储基板、随机或串行存取存储器设备、或它们中的一个或多个的组合。

本说明书中描述的处理及逻辑流程可以由执行一个或多个计算机程序的一个或多个可编程计算机执行，以通过根据输入数据进行操作并生成输出来执行相应的功能。所述处理及逻辑流程还可以由专用逻辑电路-例如FPGA(现场可编程门阵列)或ASIC(专用集成电路)来执行，并且装置也可以实现为专用逻辑电路。

适合用于执行计算机程序的计算机包括，例如通用和/或专用微处理器，或任何其他类型的中央处理单元。通常，中央处理单元将从只读存储器和/或随机存取存储器接收指令和数据。计算机的基本组件包括用于实施或执行指令的中央处理单元以及用于存储指令和数据的一个或多个存储器设备。通常，计算机还将包括用于存储数据的一个或多个大容量存储设备，例如磁盘、磁光盘或光盘等，或者计算机将可操作地与此大容量存储设备耦接以从其接收数据或向其传送数据，抑或两种情况兼而有之。然而，计算机不是必须具有这样的设备。此外，计算机可以嵌入在另一设备中，例如车载终端、移动电话、个人数字助理(PDA)、移动音频或视频播放器、游戏操纵台、全球定位系统(GPS)接收机、或例如通用串行总线(USB)闪存驱动器的便携式存储设备，仅举几例。

适合于存储计算机程序指令和数据的计算机可读介质包括所有形式的非易失性存储器、媒介和存储器设备，例如包括半导体存储器设备(例如EPROM、EEPROM和闪存设备)、磁盘(例如内部硬盘或可移动盘)、磁光盘以及CD ROM和DVD-ROM盘。处理器和存储器可由专用逻辑电路补充或并入专用逻辑电路中。

虽然本说明书包含许多具体实施细节，但是这些不应被解释为限制任何发明的范围或所要求保护的范围，而是主要用于描述特定发明的具体实施例的特征。本说明书内在多个实施例中描述的某些特征也可以在单个实施例中被组合实施。另一方面，在单个实施例中描述的各种特征也可以在多个实施例中分开实施或以任何合适的子组合来实施。此外，虽然特征可以如上所述在某些组合中起作用并且甚至最初如此要求保护，但是来自所要求保护的组合中的一个或多个特征在一些情况下可以从该组合中去除，并且所要求保护的组合可以指向子组合或子组合的变型。

类似地，虽然在附图中以特定顺序描绘了操作，但是这不应被理解为要求这些操作以所示的特定顺序执行或顺次执行、或者要求所有例示的操作被执行，以实现期望的结果。在某些情况下，多任务和并行处理可能是有利的。此外，上述实施例中的各种系统模块和组件的分离不应被理解为在所有实施例中均需要这样的分离，并且应当理解，所描述的程序组件和系统通常可以一起集成在单个软件产品中，或者封装成多个软件产品。

由此，主题的特定实施例已被描述。其他实施例在所附权利要求书的范围以内。在某些情况下，权利要求书中记载的动作可以以不同的顺序执行并且仍实现期望的结果。此外，附图中描绘的处理并非必需所示的特定顺序或顺次顺序，以实现期望的结果。在某些实现中，多任务和并行处理可能是有利的。

以上所述仅为本申请的较佳实施例而已，并不用以限制本申请，凡在本申请的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本申请保护的范围之内。

Claims (12)

1.一种窗口操作的方法，其特征在于，所述方法应用于电子设备中，所述方法包括：

通过本设备安装的本地服务接收本设备已加载的web页面发送的窗口处理请求；

依据所述窗口处理请求，对当前显示的预览窗口进行处理，以使被所述预览窗口遮挡的web页面的页面元素正常显示，其中，所述预览窗口由所述本地服务创建。

2.根据权利要求1所述的方法，其特征在于，所述窗口处理请求为窗口抠图请求，包括所述页面元素相对于所述预览窗口的相对位置信息；

所述依据所述窗口处理请求，对当前显示的预览窗口进行处理，包括：

根据所述相对位置信息，确定所述页面元素的显示区域，记作抠图区域；

获取所述预览窗口的显示区域，记作第一显示区域；

基于所述抠图区域，对所述第一显示区域进行抠图处理，生成所述预览窗口的更新显示区域，记作第二显示区域，其中，所述第二显示区域与所述抠图区域不存在重合区域；

将所述预览窗口的显示区域设置为所述第二显示区域。

3.根据权利要求2所述的方法，其特征在于，所述基于所述抠图区域，对所述第一显示区域进行抠图处理，生成所述预览窗口的更新显示区域，包括：

将所述抠图区域与所述第一显示区域进行异或操作，以从所述第一显示区域中抠除所述抠图区域，生成所述预览窗口的更新显示区域。

4.根据权利要求1所述的方法，其特征在于，所述窗口处理请求为窗口截图请求，所述依据所述窗口处理请求，对当前显示的预览窗口进行处理，包括：

基于所述窗口截图请求，截取所述预览窗口的图片；

将所截取的图片发送至所述web页面；

当接收到所述web页面发送的图片处理消息时，隐藏所述预览窗口；其中，所述图片处理消息为所述web页面将所述图片插入到所述web页面对应位置后生成的消息，所述对应位置为所述预览窗口所处的位置。

5.根据权利要求1-4任一项所述的方法，其特征在于，还包括：

接收所述web页面发送的窗口还原请求；

依据所述窗口还原请求，对所述预览窗口进行还原处理。

6.一种窗口操作的装置，其特征在于，所述装置应用于电子设备中，所述装置包括：

请求接收模块，用于通过本设备安装的本地服务接收本设备已加载的web页面发送的窗口处理请求；

窗口处理模块，用于依据所述窗口处理请求，对当前显示的预览窗口进行处理，以使被所述预览窗口遮挡的web页面的页面元素正常显示，其中，所述预览窗口由所述本地服务创建。

7.根据权利要求6所述的装置，其特征在于，所述窗口处理请求为窗口抠图请求，包括所述页面元素相对于所述预览窗口的相对位置信息；

所述窗口处理模块包括：

抠图区域确定子模块，用于根据所述相对位置信息，确定所述页面元素的显示区域，记作抠图区域；

窗口区域确定子模块，用于获取所述预览窗口的显示区域，记作第一显示区域；

抠图子模块，用于基于所述抠图区域，对所述第一显示区域进行抠图处理，生成所述预览窗口的更新显示区域，记作第二显示区域，其中，所述第二显示区域与所述抠图区域不存在重合区域；

窗口区域更新子模块，用于将所述预览窗口的显示区域设置为所述第二显示区域。

8.根据权利要求7所述的装置，其特征在于，所述抠图子模块具体用于：

将所述抠图区域与所述第一显示区域进行异或操作，以从所述第一显示区域中抠除所述抠图区域，生成所述预览窗口的更新显示区域。

9.根据权利要求6所述的装置，其特征在于，所述窗口处理请求为窗口截图请求，所述窗口处理模块包括：

截图子模块，用于基于所述窗口截图请求，截取所述预览窗口的图片；

图片发送子模块，用于将所截取的图片发送至所述web页面；

窗口隐藏子模块，用于当接收到所述web页面发送的图片处理消息时，隐藏所述预览窗口；其中，所述图片处理消息为所述web页面将所述图片插入到所述web页面对应位置后生成的消息，所述对应位置为所述预览窗口所处的位置。

10.根据权利要求6-9任一项所述的装置，其特征在于，还包括：

窗口还原模块，用于接收所述web页面发送的窗口还原请求，并依据所述窗口还原请求，对所述预览窗口进行还原处理。

11.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现权利要求1-5任一项所述方法的步骤。

12.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1-5任一项所述方法的步骤。

Images