CN116955874B - 页面处理方法、装置、电子设备和计算机可读存储介质 - Google Patents

Abstract

本公开提供了一种页面处理方法、装置、电子设备和计算机可读存储介质，该方法包括：响应于浏览器的第一页面的访问状态变更为已签入状态，发送签入消息至浏览器的通信控制器，签入消息中包含第一窗口标识，第一窗口标识用于唯一标识第一页面，第一页面为浏览器的多个页面中的任一页面，通信控制器用于与多个页面中的每个页面进行通信；响应于通信控制器的广播消息，获取广播消息中携带的当前窗口标识；根据第一窗口标识与当前窗口标识的比对结果，生成页面处理指令，通过页面处理指令更新第一页面的访问状态。根据本公开的实施例有利于基于页面所进行操作的正常执行。

Description

页面处理方法、装置、电子设备和计算机可读存储介质

技术领域

本公开涉及计算机技术领域，特别涉及一种页面处理方法、装置、电子设备和计算机可读存储介质。

背景技术

随着智能客服业务及互联网的发展，新一代呼叫中心基于互联网技术，可以直接在网络（web）页面上进行外呼通话及呼入接听的业务处理，实现web电话的功能，且还可以在web页面上进行客户信息实时维护，实现信息管理功能。

实际场景中，坐席经常需要同时访问多个页面进行操作，由于web电话只能同时在一个页面保持单个长连接，所以同时访问多个页面的操作容易导致页面的长连接相互排斥，进而造成web电话的语音通信中断。相关技术中若页面采用自动重连的通信连接方案，会导致页面之间轮流互踢，影响页面内所进行操作的正常执行。

发明内容

本公开提供一种页面处理方法、装置、电子设备和计算机可读存储介质，通过该方法，可以保障浏览器多页面之间访问状态的确定性和稳定性，有利于基于页面所进行操作的正常执行。

第一方面，本公开提供了一种页面处理方法，该页面处理方法包括：响应于浏览器的第一页面的访问状态变更为已签入状态，发送签入消息至所述浏览器的通信控制器，所述签入消息中包含第一窗口标识，所述第一窗口标识用于唯一标识所述第一页面，所述第一页面为所述浏览器的多个页面中的任一页面，所述通信控制器用于与所述多个页面中的每个页面进行通信；响应于所述通信控制器的广播消息，获取所述广播消息中携带的当前窗口标识；根据所述第一窗口标识与所述当前窗口标识的比对结果，生成页面处理指令，通过所述页面处理指令更新所述第一页面的访问状态。

第二方面，本公开提供了一种页面处理装置，该页面处理装置包括：生成模块，用于响应于浏览器的第一页面的访问状态变更为已签入状态，发送签入消息至所述浏览器的通信控制器，所述签入消息中包含第一窗口标识，所述第一窗口标识用于唯一标识所述第一页面，所述第一页面为所述浏览器的多个页面中的任一页面，所述通信控制器用于与所述多个页面中的每个页面进行通信；获取模块，用于响应于所述通信控制器的广播消息，获取所述广播消息中携带的当前窗口标识；更新模块，用于根据所述第一窗口标识与所述当前窗口标识的比对结果，生成页面处理指令，通过所述页面处理指令更新所述第一页面的访问状态。

第三方面，本公开提供了一种电子设备，该电子设备包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的一个或多个计算机程序，一个或多个所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行上述的页面处理方法。

第四方面，本公开提供了一种计算机可读存储介质，其上存储有计算机程序，其中，所述计算机程序在被处理器/处理核执行时实现上述的页面处理方法。

根据本公开所提供的实施例，通信控制器可以与浏览器的多个页面中的每个页面进行通信，该多个页面中的任一页面在变更为已签入状态的情况下，可以将该页面的窗口标识携带在签入消息中并发送该签入消息至通信控制器，通信控制器广播当前窗口标识，使得已签入状态的页面可以根据自身页面的窗口标识和通信控制器广播的当前窗口标识，生成页面处理指令，从而通过页面处理指令更新第一页面的访问状态。

在该方案中，可以通过发送签入消息，将任一已签入状态下的页面的窗口标识携带在对应的签入消息中传递至通信控制器，并接收该通信控制器广播的当前窗口标识，由此可以将该已签入状态下的页面的窗口标识与该当前窗口标识进行比对，根据比对结果来更新该已签入状态下的页面的访问状态，该页面处理方法基于通信控制器的广播消息，实现当前窗口标识在多个页面间的传递，使通信控制器广播的当前窗口标识可以作为每个页面进行访问状态更新的判断基准，从而有效确定出每个页面的更新后的访问状态，保障浏览器多页面之间访问状态的确定性和稳定性，从而有利于基于页面所进行操作的正常执行。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用来提供对本公开的进一步理解，并且构成说明书的一部分，与本公开的实施例一起用于解释本公开，并不构成对本公开的限制。通过参考附图对详细示例实施例进行描述，以上和其他特征和优点对本领域技术人员将变得更加显而易见，在附图中：

图1为本公开实施例提供的页面处理方法的流程图；

图2为本公开实施例提供的利用共享线程进行页面之间通信的架构示意图；

图3为本公开实施例提供的多种浏览器对共享线程的兼容性示意图；

图4为本公开示例性实施例的页面处理方法的流程图；

图5为本公开实施例提供的一种页面处理装置的框图；

图6为本公开实施例提供的一种电子设备的框图。

具体实施方式

为使本领域的技术人员更好地理解本公开的技术方案，以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

在不冲突的情况下，本公开各实施例及实施例中的各特征可相互组合。

如本文所使用的，术语“和/或”包括一个或多个相关列举条目的任何和所有组合。

本文所使用的术语仅用于描述特定实施例，且不意欲限制本公开。如本文所使用的，单数形式“一个”和“该”也意欲包括复数形式，除非上下文另外清楚指出。还将理解的是，当本说明书中使用术语“包括”和/或“由……制成”时，指定存在特征、整体、步骤、操作、元件和/或组件，但不排除存在或添加一个或多个其它特征、整体、步骤、操作、元件、组件和/或其群组。“连接”或者“相连”等类似的词语并非限定于物理的或者机械的连接，而是可以包括电性的连接，不管是直接的还是间接的。

除非另外限定，否则本文所用的所有术语(包括技术和科学术语)的含义与本领域普通技术人员通常理解的含义相同。还将理解，诸如那些在常用字典中限定的那些术语应当被解释为具有与其在相关技术以及本公开的背景下的含义一致的含义，且将不解释为具有理想化或过度形式上的含义，除非本文明确如此限定。

在一些场景中，坐席的日常工作不仅随时需要接待呼入电话，可能还需要同时关注报表和监控等业务情况。在此场景下使用呼叫中心系统时，基于网络通讯协议（WebSocket）无法在多页面的长连接，而是同一时刻只能在某一个页面保持长连接，导致只能在呼叫中心系统的一个页面内工作，不然无法正常接待呼入电话。其中，长连接是指建立页面连接后无论使用与否都要保持连接，且在连接保持期间，客户端可以对该页面进行多次读写直到一方关闭连接（例如客户端关闭页面，断开页面连接）。示例性地，客户端可以是电子设备上运行的用于进行页面访问的应用程序，例如各种类型的浏览器。

相关技术中，为了解决该问题，一种方法是：通过网站服务器（对应服务器端或后端）进行客户端唯一性识别，断开旧链接（针对识别的客户端之前所访问的页面），保持新链接（针对识别的客户端新访问的页面），然后将对客户端的唯一性识别结果同步到前端（前端指的是浏览器和用户可视化交互的那部分技术框架），前端根据识别的客户端和当前保持的新链接进行对应的交互处理；另一种方法是：采用自动重连的通信连接方案，自动重连即一旦发现与某个页面断开连接，就立即尝试与该页面重新连接，但是这样容易导致两个页面进入互踢模式（例如：第一个页面实现长连接的情况下，第二个页面的长连接断开并自动重连，第二个页面通过自动重连实现长连接，第一个页面的长连接断开并自动重连，第一页面通过自动重连实现长连接），严重时会造成两个页面的轮流互踢可能会进入死循环（无限循环），页面连接非常不稳定，无法保证业务正常运行。

本公开实施例可以提供一种页面处理方法，可以通过通信控制器与浏览器的多个页面中的每个页面进行通信，在该多个页面中的任一页面为已签入状态的情况下，将该页面的窗口标识携带在签入消息中并发送该签入消息至通信控制器，通信控制器可以接收每个页面通过签入消息发送的窗口标识，并广播当前窗口标识，将已签入状态的页面的窗口标识和该当前窗口标识进行比对后，根据比对的结果对以签入状态的页面进行访问状态的更新，有效确定浏览器多页面中每个页面的访问状态，保障浏览器多页面之间访问状态的确定性和稳定性，有利于基于页面所进行操作的正常执行。

根据本公开实施例的页面处理方法可以由终端设备或服务器等电子设备执行，终端设备可以为车载设备、用户设备（User Equipment，UE）、移动设备、用户终端、终端、蜂窝电话、无绳电话、个人数字助理（Personal Digital Assistant，PDA）、手持设备、计算设备、车载设备、可穿戴设备等，该页面处理方法可以通过处理器调用存储器中存储的计算机可读程序指令的方式来实现。服务器可以包括独立的物理服务器、有多个服务器组成的服务器集群或者能够进行云计算的云服务器。

图1为本公开实施例提供的页面处理方法的流程图。参照图1，该页面处理方法可以包括以下步骤。

S110，响应于浏览器的第一页面的访问状态变更为已签入状态，发送签入消息至浏览器的通信控制器，签入消息中包含第一窗口标识，第一窗口标识用于唯一标识第一页面，第一页面为浏览器的多个页面中的任一页面，通信控制器用于与多个页面中的每个页面进行通信。

在本公开实施例中，可以在浏览器中同时打开多个页面，每个页面可以理解为一个“独立”的运行环境。作为示例，通过访问浏览器的第一页面进行预定业务处理。签入可以理解为登入。在一些场景中，已签入状态可以用于表征：第一页面的访问者获取到对该页面的访问权限和获取到与访问者身份对应的功能权限。

以第一页面为呼叫中心系统的访问页面为例，第一页面的访问状态变更为已签入状态时，表示坐席用户已经登录到呼叫中心系统对应的服务平台，并获取到呼叫中心为坐席用户提供的坐席服务功能，例如向外提供坐席服务，包括但不限于接听呼入电话、进行电话呼出、执行机票订购等操作。

在该步骤中，若第一页面是新打开的页面，则第一窗口标识（windowId）是新生成的第一页面的窗口标识，若第一页面是已经打开的页面，则第一窗口标识无需重新生成，直接获取已经生成的第一页面的窗口标识即可。

在该步骤中，通信控制器可以通过浏览器内运行的共享线程（SharedWorker）实现。SharedWorker是工作者（Worker）的一种，允许在多个页面之间进行通信，从而多个页面之间共享信息。本公开实施例中，页面也可以称为窗口或页签。

S120，响应于通信控制器的广播消息，获取广播消息中携带的当前窗口标识。

在本公开实施例中，在浏览器的任一页面的访问状态变更为已签入状态的情况下，即可将该页面的windowId发送至通信控制器，通信控制器基于与浏览器的每个页面的通信，可以接收浏览器的每个页面的windowId，并向每个页面广播当前的windowId。

S130，根据第一窗口标识与当前窗口标识的比对结果，生成页面处理指令，通过页面处理指令更新第一页面的访问状态。

在该步骤中，比对结果包括：第一窗口标识与当前窗口标识为同一标识或不同标识，基于该比对结果，可以生成不同的页面处理指令。

根据本公开所提供的页面处理方法，通信控制器可以与浏览器的多个页面中的每个页面进行通信，该多个页面中的任一页面在变更为已签入状态的情况下，可以将该页面的窗口标识携带在签入消息中并发送该签入消息至通信控制器，通信控制器广播当前窗口标识，使得已签入状态的页面可以根据自身页面的窗口标识和通信控制器广播的当前窗口标识，生成页面处理指令，从而通过页面处理指令更新第一页面的访问状态。

在该方案中，可以通过发送签入消息，将任一已签入状态下的页面的窗口标识携带在对应的签入消息中传递至通信控制器，并接收该通信控制器广播的当前窗口标识，由此可以将该已签入状态下的页面的窗口标识与该当前窗口标识进行比对，根据比对结果来更新该已签入状态下的页面的访问状态，该页面处理方法基于通信控制器的广播消息，实现当前窗口标识在多个页面间的传递，使通信控制器广播的当前窗口标识可以作为每个页面进行访问状态更新的判断基准，从而有效确定出每个页面的更新后的访问状态，保障浏览器多页面之间访问状态的确定性和稳定性，有利于基于页面所进行操作的正常执行。

目前实现前端页面共享信息例如可以通过如下方式来实现：基于cookie（网站为了识别用户和跟踪会话而存储在用户本地终端中的文本数据）的多页签通信、基于存储（storage）接口的多页签通信、基于跨域消息传递（postMessage）技术实现的多页签之间的数据通信、基于多线程（WebWorker）技术实现的多页签之间的数据通信等，而本公开实施例采用的是一种特殊的WebWorker，即共享线程SharedWorker。通过SharedWorker在多个浏览器页签之间共享信息。

下面结合图2描述通过共享线程实现前端页面之间通信的具体流程。图2示出本公开实施例中利用共享线程进行页面之间通信的架构示意图。

在网页开发领域中，Javascript（简称JS）是一种网页脚本语言，它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端（对应于标签页）的脚本语言，最早是在HTML(标准通用标记语言下的一个应用)网页上使用，用来给HTML网页增加动态功能。

JavaScript为单线程语言，在一个进程上，只能运行一个线程，而不能多个线程同时运行。也就是说JavaScript不允许多个线程共享内存空间。如果有多个线程想要同时运行，则需采取排队的方式，即只有当前一个任务执行完毕，后一个任务才开始执行。由于JavaScript是单线程的工作模式，所以当基于JS在页面中运行长耗时同步任务的时候就会导致页面假死，降低数据处理效率和影响用户体验。

因此，在HTML5中，引入了多线程（Web Worker）的概念，能够在另外一个线程中执行计算密集的JS代码而不引起页面卡死。Web worker是创建网页的标记语言（HyperTextMarkup Language 5，HTML5）提供的一个基于JavaScript语言的多线程解决方案，Webworker的作用就是将浏览器作为宿主环境为JS创造多线程的运行环境，允许主线程创建worker线程，分配任务给后者，主线程运行的同时worker线程也在运行，相互不干扰，在worker线程运行结束后把结果返回给主线程。这样做的好处是主线程可以把计算密集型或高延迟的任务交给worker线程执行，这样主线程就会变得轻松，不会被阻塞或拖慢。

SharedWorker是一种特殊的WebWorker，可有支持多个浏览器上下文的通信功能，例如SharedWorker可以多个标签页、框架（iframe）共同使用。

如图2所示，在服务器/浏览器（Browser/Server，B/S）架构的Server端，首先新建一个worker.js文件，worker.js是一个独立的JavaScript文件，可以分配给sharedWorker线程运行的文件，将该文件作为共享线程的线程文件，该文件可以直接存放到服务器。worker.js文件可以用于各页面项目加载，使用SharedWorker构造函数加载这个脚本，并添加相关事件进行监听。

在Browser端，对于页面A和页面B可以分别通过new SharedWorker('/worker.js')创建共享线程对象，页面A和页面B可以通过创建的共享线程对象进行通信。SharedWorker通过postMessage()和onMessage()进行数据通信，postMessage和onMessage是HTML5的方法，用来解决跨页面通信。其中，postMessage为发送方，onMessage为接收方，基于postMessage的通信接口用于发送数据，基于onMessage的通信接口监听Message事件来接收数据。并且，页面A在使用postMessage时，所有接入了SharedWorker的页签都能收到该消息，包括页面A自身。

通过图2描述的标签页之间的通信过程可知，SharedWorker能够解决多页面之间的通信问题，但是页面使用此技术会占用一定内存，在页面较多时，可能会消耗大量的浏览器内存，导致页面卡顿，甚至崩溃。以及，SharedWorker存在一定的浏览器兼容问题，在某些低版本浏览器中可能不支持。

图3示出多种浏览器对共享线程的兼容性示意图。在图3中，标题行用于指示不同类型的浏览器，例如包括：因特网浏览器（Internet Explorer，IE）、边缘浏览器（Edge）、火狐浏览器（Firefox）、谷歌浏览器（chrome）、苹果浏览器（Safari）、欧朋浏览器（Opera）、苹果手机浏览器（Safari on IOS）、欧朋迷你浏览器（Opera Mini）、安卓浏览器（AndroidBrowser）、欧朋手机浏览器（Opera Mobile）、谷歌安卓浏览器（Chrome for Android）、火狐安卓浏览器（Firefox for android）、优西安卓浏览器（UC Browser for Android）、三星浏览器（Samsung Internet）、腾讯浏览器（QQ Browser）、百度浏览器（Baidu Browser）和凯欧斯浏览器（KaiOS Browser）。

在图3中，标题行下每一列包括至少一个方框，方框中的数字用于表示对应的浏览器的版本号，若方框显示被斜线填充，表示相应版本的浏览器不支持SharedWorker，例如标题因特网浏览器下数字“11”对应的方框被斜线填充，则表示因特网浏览器的版本11不支持SharedWorker；若方框显示无填充，则表示相应版本的浏览器支持SharedWorker，例如标题谷歌浏览器下数字“4-91”对应的方框未被填充，表示谷歌浏览器的版本4-91支持SharedWorker；若方框被横线填充，则表示未经上述支持或不支持SharedWorker之外的其他情况。通过图3可以看出，SharedWorker在谷歌浏览器中的兼容性非常好（示出的版本均支持），而在IE浏览器、安卓浏览器、谷歌安卓浏览器中的兼容性较差（示出的版本均不支持）。

在本公开实施例中，浏览器的类型和版本为支持SharedWorker的浏览器类型和版本。

在一些实施例中，上述步骤S140中的处理指令包括签出指令；步骤S140具体可以包括：在比对结果为第一窗口标识与当前窗口标识为不同标识的情况下，生成针对第一页面的签出指令；通过签出指令对第一页面执行签出操作，并将第一页面的访问状态更新为签出状态。

在该实施例中，若浏览器的第一页面的windowId与通信控制器广播的当前windowId不同，则对第一页面进行签出处理，由于第一页面是浏览器的多个页面中的任一页面，该处理指令可以实现：对每个与当前windowId不同的windowId所对应页面进行签出，只有该当前windowId所对应的页面为签出状态，保证只有最新签入的页面，即当前windowId所对应的页面可以稳定签入。

在一些实施例中，处理指令还包括保持签入指令；该页面处理方法还包括：在比对结果为第一窗口标识与当前窗口标识为相同标识的情况下，生成针对第一页面的保持签入指令；通过保持签入指令保持第一页面的访问状态为已签入状态。

在该实施例中，若浏览器的第一页面的windowId与通信控制器广播的当前windowId相同，则对第一页面进行保持签入状态，也就是说，第一页面就是当前最新签入的页面，实现第一页面，即当前windowId所对应的页面可以稳定签入。

在一些实施例中，在步骤S110的响应于浏览器的第一页面的访问状态变更为已签入状态之前，该页面处理方法还可以包括：S11，响应于对浏览器的第一页面的打开请求，打开并加载第一页面；S12，在第一页面加载完成的情况下，初始化第一页面的事件监听器，通过事件监听器对第一页面的已签入状态进行监听。

在该实施例中，在浏览器上打开并加载第一页面，页面加载完成后，可以初始化sharedworker事件监听器，并通过sharedworker事件监听器对第一页面的签入状态进行监听，以用于后续监听到第一页面的访问状态变更为已签入状态的情况下，获取并发送签入消息至浏览器的通信控制器。

在一些实施例中，第一页面为呼叫中心系统的新的访问页面；上述步骤S12中通过事件监听器对第一页面的已签入状态进行监听的步骤，具体可以包括：通过事件监听器监听针对浏览器的第一页面的签入请求，签入请求中包含坐席身份标识，坐席身份标识用于标识呼叫中心系统的当前坐席；对第一页面执行与坐席身份标识对应的签入操作；生成第一窗口标识；设置第一页面的访问状态为已签入状态。

在该步骤中，第一页面为呼叫中心系统的新的访问页面时，利用坐席的身份标识在第一页面进行页面登录和签入操作之后，由于是在新的访问页面首次登录和签入，因此需要生成第一页面的windowId，并设置第一页面为已签入状态。

在一些实施例中，通信控制器还用于在接收到来自多个页面中的至少两个页面的签入消息的情况下，将最近一次接收到的签入消息中包含的窗口标识作为当前窗口标识。

在该实施例中，sharedworker可以接收每个页面的签入消息，并将每次最新接收到的签入消息中的窗口标识广播到各个浏览器窗口，实现任一浏览器窗口（即浏览器的任一页面）向其他浏览器窗口（即同一浏览器的其他页面）进行消息广播，从而根据每个页面自身的windowId和广播的当前windowId进行互斥判断（判断两个windowId是否一致），并生成相应的处理指令。

根据本公开的实施例的页面处理方法，可以通过发送签入消息，将任一已签入状态下的页面的窗口标识携带在对应的签入消息中传递至通信控制器，并接收该通信控制器广播的当前窗口标识，由此可以将该已签入状态下的页面的窗口标识与该当前窗口标识进行比对，根据比对结果来更新该已签入状态下的页面的访问状态，该页面处理方法基于通信控制器的广播消息，实现当前窗口标识在多个页面间的传递，使通信控制器广播的当前窗口标识可以作为每个页面进行访问状态更新的判断基准，从而有效确定出每个页面的更新后的访问状态，保障浏览器多页面之间访问状态的确定性和稳定性，有利于基于页面所进行操作的正常执行。

图4示出本公开示例性实施例的页面处理方法的流程图。如图4所示，该页面处理方法包括如下步骤。

S401，初始化页面1的事件监听器。

在该步骤中，在页面1加载完成之后，初始化事件监听器以对页面控制器（sharedworker）进行事件监听。在本公开实施例中，考虑js为单线程语言，无法跨窗口共享线程，通过Sharedworker便是用来解决js多线程的问题，Sharedworker是运行在浏览器里一个单独的线程，用来进行多窗口（页面）之间的通信。

S402，坐席在页面1进行登录签入。

在该步骤中，在页面1执行与接收到的坐席身份标识对应的页面登录和签入操作。

S403，生成页面1的窗口标识，并向页面控制器发送签入消息。

在该步骤中，若在页面1进行的是首次登录签入，则生成页面1的窗口标识，记为windowId1，窗口标识的生成方法可以有多种，只要保持该页面的windowId为对应页面的全局唯一标识即可，即可以将windowId1作为当前页面1的浏览器窗口唯一标识。

在该步骤中，通过页面1向sharedworker发送签入消息，并带上windowId1。

S404，页面控制器向各个页面广播签入消息并附带当前窗口标识。

在步骤S404后，对于页面1，后续执行步骤S405；对于在页面1之后的新开页面2，后续执行步骤S410。

S405，判断窗口标识与当前窗口标识是否一致，若是，则执行步骤S406，若否，则执行步骤S411。

在该步骤中，判断windowId1与当前窗口标识是否一致。其中，页面1的事件监听器接收Sharedworker广播的签入消息，并获取其中携带的当前窗口标识。

S406，对页面1不做处理。

在该步骤中，在判定windowId1与当前窗口标识一致的情况下，保持页面1的签入状态，即不进行后续处理。

示例性地，假设当前最新打开的页面为页面1，则当前窗口标识为windowId1，并通过广播签入消息的方式将当前窗口标识广播至每个页面（包括页面1）。

S407，初始化页面2的事件监听器。

在该步骤中，坐席多开页面，在同一浏览器里打开了页面2，页面加载完成，并初始化sharedworker事件监听。

S408，坐席在页面2进行登录签入。

在该步骤中，坐席在页面2进行登录签入；页面1和页面2为不同页面。

S409，生成页面2的窗口标识，并向sharedworker发送签入消息，并执行步骤S404。

在该步骤中，若在页面1进行的是首次登录签入，则生成页面2的窗口标识，记为windowId2，windowId2为页面2的浏览器窗口唯一标识。

S410，判断窗口标识与当前窗口标识是否一致，若是，则执行步骤S412；若否，则执行步骤S413。

在该步骤中，需要判断windowId2与当前窗口标识是否一致。

S411，对页面1执行退出签入操作。

在该步骤中，页面1的sharedworker事件监听器接收到签入消息，判断出windowId2与当前窗口windowId1不一致，进行退出登录签入。

S412，对页面2不做处理。

在该步骤中，页面2的sharedworker事件监听器接收到签入消息，判断出windowId2与当前窗口标识一致，对页面2不进行后续处理。

S413，对页面2进行签出处理。

在windowId2与当前窗口标识不一致的情况下，需要对页面2执行签出操作。

通过上述步骤S401-S413，可以实现了在同一浏览器里多开页面的情况下，最新的页面能够稳定签入的效果。

根据本公开实施例的页面处理方法，在使用SharedWorker的场景中，在呼叫中心场景利用SharedWorker由当前浏览器窗口向其他浏览器窗口广播签入消息，并进行互斥判断；当坐席在窗口A签入时，通过SharedWorker向其他浏览器窗口广播消息，其他浏览器窗口接收到此消息后，判断当前窗口页面是否已签入，如果已签入则进行签出操作，保证坐席在所有窗口只保留一个签入连接，在保障浏览器多页面之间访问状态的确定性和稳定性的同时，减少对浏览器内存的占用，提高页面处理效率。

可以理解，本公开提及的上述各个方法实施例，在不违背原理逻辑的情况下，均可以彼此相互结合形成结合后的实施例，限于篇幅，本公开不再赘述。本领域技术人员可以理解，在具体实施方式的上述方法中，各步骤的具体执行顺序应当以其功能和可能的内在逻辑确定。

此外，本公开还提供了页面处理装置、电子设备、计算机可读存储介质，上述均可用来实现本公开提供的任一种页面处理方法，相应技术方案和描述和参见方法部分的相应记载，不再赘述。

图5为本公开实施例提供的一种页面处理装置的框图。

参照图5，本公开实施例提供了一种页面处理装置，该页面处理装置500可以包括如下模块。

生成模块510，用于响应于浏览器的第一页面的访问状态变更为已签入状态，发送签入消息至浏览器的通信控制器，签入消息中包含第一窗口标识，第一窗口标识用于唯一标识第一页面，第一页面为浏览器的多个页面中的任一页面，通信控制器用于与多个页面中的每个页面进行通信；

获取模块520，用于响应于通信控制器的广播消息，获取广播消息中携带的当前窗口标识；

更新模块530，用于根据第一窗口标识与当前窗口标识的比对结果，生成页面处理指令，通过页面处理指令更新第一页面的访问状态。

在一些实施例中，通信控制器通过浏览器内运行的共享线程实现。

在一些实施例中，处理指令包括签出指令；更新模块530具体用于：在比对结果为第一窗口标识与当前窗口标识为不同标识的情况下，生成针对第一页面的签出指令；通过签出指令对第一页面执行签出操作，并将第一页面的访问状态更新为签出状态。

在一些实施例中，处理指令还包括保持签入指令；更新模块530具体还用于：在比对结果为第一窗口标识与当前窗口标识为相同标识的情况下，生成针对第一页面的保持签入指令；通过保持签入指令保持第一页面的访问状态为已签入状态。

在一些实施例中，页面处理装置500还包括：初始化模块，用于在响应于浏览器的第一页面的访问状态变更为已签入状态之前，响应于对浏览器的第一页面的打开请求，打开并加载第一页面；在第一页面加载完成的情况下，初始化第一页面的事件监听器，通过事件监听器对所述第一页面的已签入状态进行监听。

在一些实施例中，第一页面为呼叫中心系统的新的访问页面；初始化模块在用于通过事件监听器对第一页面的已签入状态进行监听时，具体用于：通过事件监听器监听针对浏览器的第一页面的签入请求，签入请求中包含坐席身份标识，坐席身份标识用于标识呼叫中心系统的当前坐席；对第一页面执行与坐席身份标识对应的签入操作；生成第一窗口标识；设置第一页面的访问状态为已签入状态。

在一些实施例中，通信控制器还用于在接收到来自多个页面中的至少两个页面的签入消息的情况下，将最近一次接收到的签入消息中包含的窗口标识作为当前窗口标识。

根据本公开实施例的页面处理装置模块，可以通过发送签入消息，将任一已签入状态下的页面的窗口标识携带在对应的签入消息中传递至通信控制器，并接收该通信控制器广播的当前窗口标识，由此可以将该已签入状态下的页面的窗口标识与该当前窗口标识进行比对，根据比对结果来更新该已签入状态下的页面的访问状态，该页面处理方法基于通信控制器的广播消息，实现当前窗口标识在多个页面间的传递，使通信控制器广播的当前窗口标识可以作为每个页面进行访问状态更新的判断基准，从而有效确定出每个页面的更新后的访问状态，保障浏览器多页面之间访问状态的确定性和稳定性，有利于基于页面所进行操作的正常执行。

需要明确的是，本公开并不局限于上文实施例中所描述并在图中示出的特定配置和处理。为了描述的方便和简洁，这里省略了对已知方法的详细描述，并且上述描述的系统、模块和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

上述页面处理装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

图6为本公开实施例提供的一种电子设备的框图。

参照图6，本公开实施例提供了一种电子设备，该电子设备包括：至少一个处理器601；至少一个存储器602，以及一个或多个I/O接口603，连接在处理器601与存储器602之间；其中，存储器602存储有可被至少一个处理器601执行的一个或多个计算机程序，一个或多个计算机程序被至少一个处理器601执行，以使至少一个处理器601能够执行上述的页面处理方法。

本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，其中，计算机程序在被处理器/处理核执行时实现上述的页面处理方法。计算机可读存储介质可以是易失性或非易失性计算机可读存储介质。

本公开实施例还提供了一种计算机程序产品，包括计算机可读代码，或者承载有计算机可读代码的非易失性计算机可读存储介质，当计算机可读代码在电子设备的处理器中运行时，电子设备中的处理器执行上述页面处理方法。

本领域普通技术人员可以理解，上文中所公开方法中的全部或某些步骤、系统、装置中的功能模块/单元可以被实施为软件、固件、硬件及其适当的组合。在硬件实施方式中，在以上描述中提及的功能模块/单元之间的划分不一定对应于物理组件的划分；例如，一个物理组件可以具有多个功能，或者一个功能或步骤可以由若干物理组件合作执行。某些物理组件或所有物理组件可以被实施为由处理器，如中央处理器、数字信号处理器或微处理器执行的软件，或者被实施为硬件，或者被实施为集成电路，如专用集成电路。这样的软件可以分布在计算机可读存储介质上，计算机可读存储介质可以包括计算机存储介质（或非暂时性介质）和通信介质（或暂时性介质）。

如本领域普通技术人员公知的，术语计算机存储介质包括在用于存储信息（诸如计算机可读程序指令、数据结构、程序模块或其他数据）的任何方法或技术中实施的易失性和非易失性、可移除和不可移除介质。计算机存储介质包括但不限于随机存取存储器（RAM）、只读存储器（ROM）、可擦式可编程只读存储器（EPROM）、静态随机存取存储器（SRAM）、闪存或其他存储器技术、便携式压缩盘只读存储器（CD-ROM）、数字多功能盘（DVD）或其他光盘存储、磁盒、磁带、磁盘存储或其他磁存储装置、或者可以用于存储期望的信息并且可以被计算机访问的任何其他的介质。此外，本领域普通技术人员公知的是，通信介质通常包含计算机可读程序指令、数据结构、程序模块或者诸如载波或其他传输机制之类的调制数据信号中的其他数据，并且可包括任何信息递送介质。

这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备，或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令，并转发该计算机可读程序指令，以供存储在各个计算/处理设备中的计算机可读存储介质中。

用于执行本公开操作的计算机程序指令可以是汇编指令、指令集架构（ISA）指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码，编程语言包括面向对象的编程语言—诸如Smalltalk、C++等，以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机（例如利用因特网服务提供商来通过因特网连接）。在一些实施例中，通过利用计算机可读程序指令的状态信息来个性化定制电子电路，例如可编程逻辑电路、现场可编程门阵列（FPGA）或可编程逻辑阵列（PLA），该电子电路可以执行计算机可读程序指令，从而实现本公开的各个方面。

这里所描述的计算机程序产品可以具体通过硬件、软件或其结合的方式实现。在一个可选实施例中，计算机程序产品具体体现为计算机存储介质，在另一个可选实施例中，计算机程序产品具体体现为软件产品，例如软件开发包(Software Development Kit，SDK)等等。

这里参照根据本公开实施例的方法、装置（系统）和计算机程序产品的流程图和/或框图描述了本公开的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。

这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器，从而生产出一种机器，使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时，产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中，这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作，从而，存储有指令的计算机可读介质则包括一个制造品，其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。

也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上，使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。

附图中的流程图和框图显示了根据本公开的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分，所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

本文已经公开了示例实施例，并且虽然采用了具体术语，但它们仅用于并仅应当被解释为一般说明性含义，并且不用于限制的目的。在一些实例中，对本领域技术人员显而易见的是，除非另外明确指出，否则可单独使用与特定实施例相结合描述的特征、特性和/或元素，或可与其他实施例相结合描述的特征、特性和/或元件组合使用。因此，本领域技术人员将理解，在不脱离由所附的权利要求阐明的本公开的范围的情况下，可进行各种形式和细节上的改变。

Claims (10)

1.一种页面处理方法，其特征在于，包括：

响应于浏览器的第一页面的访问状态变更为已签入状态，发送签入消息至所述浏览器的通信控制器，所述签入消息中包含第一窗口标识，所述第一窗口标识用于唯一标识所述第一页面，所述第一页面为所述浏览器的多个页面中的任一页面，所述通信控制器用于与所述多个页面中的每个页面进行通信，接收所述每个页面通过签入消息发送的窗口标识，并向所述每个页面广播当前窗口标识，所述当前窗口标识为所述通信控制器最近一次接收到的签入消息中包含的窗口标识；

响应于所述通信控制器的广播消息，获取所述广播消息中携带的当前窗口标识；

根据所述第一窗口标识与所述当前窗口标识的比对结果，生成页面处理指令，通过所述页面处理指令更新所述第一页面的访问状态。

2.根据权利要求1所述的方法，其特征在于，所述处理指令包括签出指令；所述根据所述第一窗口标识与所述当前窗口标识的比对结果，生成页面处理指令，通过所述页面处理指令更新所述第一页面的访问状态，包括：

在所述比对结果为所述第一窗口标识与所述当前窗口标识为不同标识的情况下，生成针对所述第一页面的签出指令；

通过所述签出指令对所述第一页面执行签出操作，并将所述第一页面的访问状态更新为签出状态。

3.根据权利要求2所述的方法，其特征在于，所述处理指令还包括保持签入指令；所述方法还包括：

在所述比对结果为所述第一窗口标识与所述当前窗口标识为相同标识的情况下，生成针对所述第一页面的保持签入指令；

通过所述保持签入指令保持所述第一页面的访问状态为所述已签入状态。

4.根据权利要求1所述的方法，其特征在于，在所述响应于浏览器的第一页面的访问状态变更为已签入状态之前，还包括：

响应于对所述浏览器的第一页面的打开请求，打开并加载所述第一页面；

在所述第一页面加载完成的情况下，初始化所述第一页面的事件监听器，通过所述事件监听器对所述第一页面的已签入状态进行监听。

5.根据权利要求4所述的方法，其特征在于，所述第一页面为呼叫中心系统的新的访问页面；所述通过所述事件监听器对所述第一页面的已签入状态进行监听，包括：

通过所述事件监听器监听针对所述浏览器的第一页面的签入请求，所述签入请求中包含坐席身份标识，所述坐席身份标识用于标识所述呼叫中心系统的当前坐席；

对所述第一页面执行与所述坐席身份标识对应的签入操作；

生成所述第一窗口标识；

设置所述第一页面的访问状态为已签入状态。

6.根据权利要求1所述的方法，其特征在于，所述通信控制器还用于在接收到来自所述多个页面中的至少两个页面的签入消息的情况下，将最近一次接收到的签入消息中包含的窗口标识作为当前窗口标识。

7.根据权利要求1所述的方法，其特征在于，所述通信控制器通过所述浏览器内运行的共享线程实现。

8.一种页面处理装置，其特征在于，包括：

生成模块，用于响应于浏览器的第一页面的访问状态变更为已签入状态，发送签入消息至所述浏览器的通信控制器，所述签入消息中包含第一窗口标识，所述第一窗口标识用于唯一标识所述第一页面，所述第一页面为所述浏览器的多个页面中的任一页面，所述通信控制器用于与所述多个页面中的每个页面进行通信，接收所述每个页面通过签入消息发送的窗口标识，并向所述每个页面广播当前窗口标识，所述当前窗口标识为所述通信控制器最近一次接收到的签入消息中包含的窗口标识；

获取模块，用于响应于所述通信控制器的广播消息，获取所述广播消息中携带的当前窗口标识；

更新模块，用于根据所述第一窗口标识与所述当前窗口标识的比对结果，生成页面处理指令，通过所述页面处理指令更新所述第一页面的访问状态。

9. 一种电子设备，其特征在于，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的一个或多个计算机程序，一个或多个所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行如权利要求1-7中任一项所述的页面处理方法。

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