CN105808629B - 一种网页处理方法及装置 - Google Patents

Abstract

本发明公开了一种网页处理方法及装置，该方法包括：检测到网页视频进行全屏播放；停止对当前打开的网页满足预设条件的网页处理。利用本发明，能够在接收网页视频全屏播放的操作请求时停止对当前打开的网页满足预设条件的网页处理，例如，动画元素的更新和网页的绘制，使得浏览器在全屏播放网页视频时减少或完全避免对其他网页的网页处理操作，从而减少系统资源的抢占，避免网页视频播放过程中出现掉帧等卡顿现象。

Description

一种网页处理方法及装置

技术领域

本发明涉及浏览器技术领域，特别是涉及一种网页处理方法及装置。

背景技术

目前，大部分的浏览器均支持全屏播放网页视频的功能。一般通过如下方式实现此类功能：当需要全屏播放网页视频时创建播放器，覆盖在浏览器的窗口之上，该播放器用于播放网页中需要进入全屏播放的视频资源。

视频播放器在视频播放过程中进行视频解码、视频图像渲染等动作，需要占用较多的系统资源。浏览器内核同时在进行网页渲染、页面动画更新处理等，也同样需要占用较多的系统资源。所以，在某些具有动画的页面中，进行网页视频的全屏播放时，由于资源抢占问题，容易导致视频播放过程中出现掉帧等卡顿现象，影响用户体验。

发明内容

本发明主要解决的技术问题是提供一种网页处理方法及装置，能够在全屏播放网页视频时至少减少由于资源占用导致的卡顿现象，节省系统资源。

为解决上述技术问题，本发明采用的一个技术方案是：提供一种网页处理方法，包括：检测到网页视频进行全屏播放；停止对当前打开的网页满足预设条件的网页处理。

其中，还包括：记录当前打开的全部网页；当接收到退出全屏播放的指令后，所述方法还包括：恢复对所述记录的网页已经停止的网页处理。

其中，还包括：查找当前打开的全部网页满足预设条件的网页处理。

其中，所述停止对当前打开的网页满足预设条件的网页处理的步骤包括：停止对在进行全屏播放的视频元素以外的网页元素的绘制。

其中，所述停止对当前打开的网页的满足预设条件的网页处理的步骤包括：停止对网页动画的处理。

其中，所述网页动画包括：CSS动画或者gif动画中的一种或者多种。

其中，所述停止对网页动画的处理的步骤包括：停止网页动画内部的动画更新定时器。

为解决上述技术问题，本发明采用的另一个技术方案是：提供一种网页处理装置，包括：检测模块，用于检测到网页视频进行全屏播放；网页处理模块，用于停止对当前打开的网页满足预设条件的网页处理。

其中，还包括记录模块，用于记录当前打开的全部网页；当所述检测模块接收到退出全屏播放的指令后，所述网页处理模块恢复对所述记录模块记录的网页已经停止的网页处理。

其中，所述网页处理模块停止对当前打开的网页满足预设条件的网页处理具体为：停止对在进行全屏播放的视频元素以外的网页元素的绘制。

其中，所述网页处理模块停止对当前打开的网页满足预设条件的网页处理具体为：停止对网页动画的处理。

其中，所述网页动画包括:CSS动画或者gif动画中的一种或者多种。

本发明的有益效果是：本发明提供的网页处理方法及装置，通过检测到网页视频全屏播放时停止对当前打开的网页满足预设条件的网页处理，使得浏览器在全屏播放网页视频时减少或完全避免对其他网页的网页处理操作，从而减少系统资源的抢占，避免网页视频播放过程中出现掉帧等卡顿现象。

附图说明

图1是本发明网页处理方法的第一实施方式的流程图；

图2是本发明网页处理方法的第二实施方式的流程图；

图3是本发明网页处理装置的第一实施方式的结构示意图；

图4是本发明网页处理装置的第二实施方式的结构示意图。

具体实施方式

下面结合附图和实施方式对本发明进行详细说明。

请参阅图1，为本发明网页处理方法第一实施方式的流程图，该方法包括：

步骤S10：检测到网页视频进行全屏播放。

浏览器当前可能是打开一个网页或者多个网页，该网页视频全屏播放的操作请求可以是对当前打开的网页中的其中一个网页的网页视频进行操作而产生的。

步骤S11，停止对当前打开的网页满足预设条件的网页处理。

浏览器接收到该网页视频全屏播放的操作请求时，当前打开的网页由于网络资源的实时加载，网页元素会发生相应的更新，此时浏览器需要根据更新的内容对网页进行相应的处理。

在优选实施方式中该网页处理包括网页动画的更新以及对网页元素的绘制。

进一步地，该网页动画包括CSS动画或GIF动画的至少一种。

在优选实施方式中，显示全屏播放的网页视频后还包括隐藏当前打开的网页。其中，这些网页被全屏播放的网页视频窗口覆盖从而隐藏起来，还可以控制这些网页的窗口最小化而隐藏起来。

将当前打开的网页隐藏起来可以减少窗口的绘制，进而节省浏览器对系统资源的消耗。

浏览器可以在控制网页视频全屏播放的同时停止对当前打开的网页满足预设条件的网页处理，还可以在控制网页视频全屏播放之前就停止对当前打开的网页满足预设条件的网页处理。

优选的实施方式中，是在进行网页视频全屏播放后停止对当前打开的网页满足预设条件的网页处理。进一步地，浏览器当前打开了多个网页，则可以停止打开的网页中的部分网页的网页处理操作，还可以停止打开的全部网页的网页处理操作。

利用本发明实施方式，通过在接收网页视频全屏播放的操作请求时停止对当前打开的网页满足预设条件的网页处理，并进行网页视频全屏播放，例如，停止网页动画的更新以及对网页元素的绘制，使得浏览器在全屏播放网页视频时减少或完全避免对其他网页的网页处理操作，从而减少系统资源的抢占，避免网页视频播放过程中出现掉帧等卡顿现象。

请参阅图2，为本发明网页处理方法第二实施方式的流程图，该方法包括：

步骤S20：检测到网页视频进行全屏播放。

步骤S21，进行网页视频的全屏播放。

步骤S22，记录当前打开的全部网页的状态。

具体地，浏览器通过窗口管理器记录当前打开的全部网页的状态。该网页的状态包括网页动画的状态以及对网页元素的绘制。例如，GIF 动画播放到哪一帧画面、网页中当前显示的文本内容。

进一步地，该窗口管理器可以是预先建立的，还可以是在接收到网页视频全屏播放的操作请求时建立。

步骤S23，停止对当前打开的网页满足预设条件的网页处理。

其中，可以停止对在进行全屏播放的视频元素以外的网页元素的绘制，还可以停止对网页动画的处理。该网页动画包括CSS动画或GIF 动画的至少一种。

在优选实施方式中，在该网页视频全屏播放时，停止网页动画对应的定时器以停止网页动画的更新。

浏览器内核的CSS动画及GIF动画等的更新，均由定时器不断触发调用内核更新完成，因此只需停止相应的定时器的执行，就能够停止内核对各个动画的更新。

在优选实施方式中跳过绘制函数的调用以停止对在进行全屏播放的视频元素以外的网页元素的绘制。

在优选实施方式中，通过查找当前打开的全部网页满足预设条件的网页处理，以停止对当前打开的网页满足预设条件的网页处理。浏览器遍历该窗口管理器中记录的网页的状态以查找当前打开的全部网页满足预设条件的网页处理，找到所有网页中的网页动画，停止对应的定时器以及停止这些网页动画的更新。并且，在停止定时器时还对应记录网页动画的当前状态，使得在退出网页视频全屏播放时根据记录的当前状态确定网页动画是否需要恢复更新以及从什么位置开始恢复更新，退出网页视频全屏播放时恢复网页处理操作的内容将在下文进行详细描述。在本实施方式中，通过记录特殊标志位以记录网页动画在停止更新时的状态。

在网页元素中，经常嵌套有iframe等网页元素，iframe元素的满足预设条件的动画元素同样需要停止更新。因此，通过如下方式停止iframe 的网页动画的更新：遍历窗口管理器以确定网页的主frame信息中的网页动画，并停止这些主frame信息对应的网页动画的定时器，然后根据这些主frame信息确定对应嵌套的iframe网页动画，并停止这些iframe信息对应的网页动画的定时器。

网页绘制均有统一调用入口，例如，draw/drawGL。浏览器至少在控制该网页视频全屏播放时记录视屏全屏状态标志位，并设置为ture。其中，浏览器可以在接收网页视频全屏播放的操作请求时就将该视频全屏状态标志位记录为ture，还可以在控制网页视频全屏播放时将该视频全屏状态标志位记录为true。当执行网页绘制的网页处理操作时，浏览器检测到该视频全屏状态标志位为true时，则直接跳过绘制函数的调用执行。

进一步地，浏览器停止根据这些网页元素进行的页面绘制、内核绘制，但是并不会停止内核render tree的更新，一些JavaScript更新内核元素的操作。

步骤S24，当接收到退出全屏播放的指令后，恢复对所述记录的网页已经停止的网页处理。

具体地，浏览器可以在控制网页视频退出全屏播放的同时恢复网页处理的操作，还可以在接收退出网页视频全屏播放的操作请求时就恢复网页处理的操作。

进一步地，浏览器在进行网页视频全屏播放前打开了多个网页，则至少在退出网页视频全屏播放时可以恢复打开的网页中的部分网页的网页处理操作，还可以恢复打开的全部网页的网页处理操作，或者仅针对网页处理操作被停止的网页进行恢复。

其中，恢复对所述记录的网页已经停止的网页处理具体为：在网页视频退出全屏播放时，根据记录的浏览器打开的全部网页的状态确定对应的网页动画以及网页元素，并恢复至少部分网页动画的更新以及恢复至少部分根据网页元素进行的页面绘制。其中，浏览器打开的全部网页的状态为在网页视频全屏播放时记录。

具体地，恢复至少部分网页动画对应的定时器以恢复至少部分网页动画的更新，调用绘制函数以恢复至少部分根据网页元素进行的页面绘制。

在优选实施方式中，浏览器至少在进行网页视频全屏播放时停止网页中的网页动画对应的定时器，同时还对应记录了这些网页动画的当前状态。因此，至少在退出网页视频全屏播放时，浏览器根据之前记录的这些网页动画在停止更新时的当前状态确定哪些网页动画需要恢复更新，以及从什么状态恢复更新。

例如，GIF动画在停止更新时记录的当前状态为播放到第四帧画面，浏览器确定该GIF动画还有两帧画面没有播放，则恢复该GIF动画的更新并从第五帧画面开始进行更新。

网页绘制均有统一调用入口，例如，draw/drawGL。浏览器接至少在退出网页视频全屏播放时记录视屏全屏状态标志位，并设置为false。其中，浏览器可以在接收退出网页视频全屏播放的操作请求时就将该视频全屏状态标志位记录为false，还可以在控制网页视频退出全屏播放时将该视频全屏状态标志位记录为false。当执行网页绘制的网页处理操作时，浏览器检测到该视频全屏状态标志位为false时，则直接调用绘制函数的调用根据网页元素进行页面绘制。

当浏览器接收退出网页视频全屏播放的操作请求的步骤之后，根据记录的浏览器打开的全部网页确定并显示用户浏览的网页，刷新该用户浏览的网页以显示经过网页处理后页面。其中，浏览器打开的全部网页在该网页视频全屏播放时隐藏。

其中，浏览器在接收到网页视频全屏播放的操作请求时由该窗口管理器记录浏览器当前打开的全部网页的状态，还记录用户当前浏览的网页。例如，窗口管理器通过记录网页的操作状态、选中状态等记录用户当前浏览的网页，从而与其他打开的网页进行区别。

当浏览器对网页恢复网页处理时，根据如上所述完成网页动画的更新以及根据网页元素进行的页面绘制，此时，用户浏览的网页完成了相应的更新处理，因此，当显示的用户浏览的网页只停留在停止网页处理时的状态，需要刷新页面以显示更新后的网页。

由于，浏览器停止根据这些网页元素进行的页面绘制、内核绘制，但是并不会停止内核render tree的更新，一些JavaScript更新内核元素的操作。因此，在恢复网页处理后，浏览器能够直接获取最新状态的 render tree，进行页面绘制从而更新该用户浏览的页面。

在其他实施方式中，浏览器接收退出网页视频全屏播放的操作请求的步骤之后，还可以根据记录的浏览器打开的全部网页显示这些网页。其中，这些网页可以彼此不覆盖地平铺显示在窗口界面上，还可以随机地或按照隐藏之前的位置显示。网页的在窗口界面上的显示位置在此不加以限定。

请参阅图3，为本发明网页处理装置的第一实施方式的结构示意图，该装置30包括：检测模块31以及网页处理模块32。

该检测模块31用于检测网页视频进行全屏播放。

其中，浏览器当前打开多个网页，该网页视频全屏播放的操作请求可以是对当前打开的多个网页中的其中一个网页的网页视频进行操作而产生的。

该网页处理模块32用于停止对当前打开的网页满足预设条件的网页处理。

浏览器接收到网页视频全屏播放的操作请求，当前打开的网页由于网络资源的实时加载，网页元素会发生相应的更新，此时浏览器需要根据更新的内容对网页进行相应的处理。

在优选实施方式中，该网页处理包括网页动画的更新以及对网页元素的绘制。

进一步地，该网页动画包括CSS动画或GIF动画的至少一种。

在优选实施方式中，显示全屏播放的网页视频后还包括隐藏当前打开的网页。其中，这些网页被全屏播放的网页视频窗口覆盖从而隐藏起来，还可以控制这些网页的窗口最小化而隐藏起来。

将当前打开的网页隐藏起来可以减少窗口的绘制，进而节省浏览器对系统资源的消耗。

该网页处理模块32可以在控制网页视频全屏播放的同时停止对当前打开的网页满足预设条件的网页处理，还可以在控制网页视频全屏播放之前就停止对当前打开的网页满足预设条件的网页处理。

优选实施方式中，浏览器当前打开了多个网页，则该网页处理模块 32可以停止打开的网页中的部分网页的网页处理操作，还可以停止打开的全部网页的网页处理操作。

利用本发明实施方式，通过在接收网页视频全屏播放的操作请求时停止对当前打开的网页满足预设条件的网页处理，并进行网页视频全屏播放，例如，停止网页动画的更新以及对网页元素的绘制，使得浏览器在全屏播放网页视频时减少或完全避免对其他网页的网页处理操作，从而减少系统资源的抢占，避免网页视频播放过程中出现掉帧等卡顿现象。

请参阅图4，该装置40还包括记录模块43，用于在该检测模块41 检测网页视频进行全屏播放时记录浏览器当前打开的全部网页的状态。

具体地，该记录模块43通过窗口管理器记录当前打开的全部网页的状态。该网页的状态包括网页动画的状态以及对网页元素的绘制。例如，GIF动画播放到哪一帧画面、网页中当前显示的文本内容。

进一步地，该窗口管理器可以是预先建立的，还可以是在接收到网页视频全屏播放的操作请求时建立。

该网页处理模块42包括网页元素确定子模块420以及网页元素控制子模块421。在优选实施方式中，该网页元素确定子模块420根据该记录模块43记录的全部网页的状态查找当前打开的全部网页满足预设条件的网页处理，确定对应的网页动画以及网页元素。该网页元素控制子模块421在该网页视频全屏播放时停止网页动画的更新以及停止根据该网页元素进行的网页绘制。

具体地，该网页元素控制子模块421至少在该网页视频全屏播放时，停止网页动画对应的定时器以停止网页动画的更新，并跳过绘制函数的调用以停止对网页元素的绘制。

浏览器内核的CSS动画及GIF动画等的更新，均由定时器不断触发调用内核更新完成，因此该网页元素控制子模块421只需停止相应的定时器的执行，就能够停止内核对各个动画的更新。

网页绘制均有统一调用入口，例如，draw/drawGL。浏览器至少在控制该网页视频全屏播放时记录视屏全屏状态标志位，并设置为ture。其中，浏览器可以在接收网页视频全屏播放的操作请求时就将该视频全屏状态标志位记录为ture，还可以在控制网页视频全屏播放时将该视频全屏状态标志位记录检测到该视频全屏状态标志位为true时，则直接跳过绘制函数的调用执行。

该网页元素控制子模块421停止根据这些网页元素进行的页面绘制、内核绘制，但是并不会停止内核render tree的更新，一些JavaScript更新内核元素的操作。

进一步地，在该网页视频全屏播放时停止至少部分该网页处理的操作时，隐藏停止至少部分网页处理操作的网页，并显示全屏播放的网页视频。

当浏览器当前打开的网页的网页处理操作停止后，隐藏这些网页，并显示全屏播放的网页视频。其中，这些网页被全屏播放的网页视频窗口覆盖从而隐藏起来，还可以控制这些网页的窗口最小化而隐藏起来。

当该检测模块41接收到退出全屏播放的指令后，该网页处理模块 42恢复对所述记录的网页已经停止的网页处理。

具体地，该网页处理模块42可以在控制网页视频退出全屏播放的同时恢复网页处理的操作，还可以在接收退出网页视频全屏播放的操作请求时就恢复网页处理的操作。

进一步地，浏览器在进行网页视频全屏播放前打开了多个网页，则该网页处理模块42至少在退出网页视频全屏播放时可以恢复打开的网页中的部分网页的网页处理操作，还可以恢复打开的全部网页的网页处理操作，或者仅针对网页处理操作被停止的网页进行恢复。

进一步地，该网页处理模块42至少在网页视频退出全屏播放时，根据记录的浏览器打开的全部网页的状态确定对应的网页动画以及网页元素，并恢复至少部分网页动画的更新以及恢复至少部分根据网页元素进行的页面绘制。其中，浏览器打开的全部网页的状态为在网页视频全屏播放时记录。

具体地，该网页处理模块42恢复至少部分网页动画对应的定时器以恢复至少部分网页动画的更新，调用绘制函数以恢复至少部分根据网页元素进行的页面绘制。

在优选实施方式中，该网页处理模块42至少在进行网页视频全屏播放时停止网页中的网页动画对应的定时器，同时还对应记录了这些网页动画的当前状态。因此，至少在退出网页视频全屏播放时，浏览器根据之前记录的这些网页动画在停止更新时的当前状态确定哪些网页动画需要恢复更新，以及从什么状态恢复更新。

例如，GIF动画在停止更新时记录的当前状态为播放到第四帧画面，浏览器确定该GIF动画还有两帧画面没有播放，则恢复该GIF动画的更新并从第五帧画面开始进行更新。

网页绘制均有统一调用入口，例如，draw/drawGL。该网页处理模块42至少在退出网页视频全屏播放时记录视屏全屏状态标志位，并设置为false。其中，浏览器可以在接收退出网页视频全屏播放的操作请求时就将该视频全屏状态标志位记录为false，还可以在控制网页视频退出全屏播放时将该视频全屏状态标志位记录为false。当执行网页绘制的网页处理操作时，浏览器检测到该视频全屏状态标志位为false时，则直接调用绘制函数的调用根据网页元素进行页面绘制。

图4中的其它模块请参见图3及对应的文字说明。

本发明提供的网页处理方法及装置，通过在接收网页视频全屏播放的操作请求时停止对当前打开的网页满足预设条件的网页处理，并进行网页视频全屏播放，例如，停止网页动画的更新以及对网页元素的绘制，使得浏览器在全屏播放网页视频时减少或完全避免对其他网页的网页处理操作，从而减少系统资源的抢占，避免网页视频播放过程中出现掉帧等卡顿现象。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(processor)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质,包括：U 盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。

Claims (8)

1.一种网页处理方法，包括：

检测到网页视频进行全屏播放；

创建视频播放器进行网页视频的全屏播放；

记录当前打开的全部网页的状态；

在所述网页视频全屏播放时，停止对当前打开的网页满足预设条件的网页处理，所述当前打开的网页满足预设条件的网页处理包括对在进行全屏播放的视频元素以外的网页元素的绘制；以及

当接收到退出全屏播放的指令后，恢复对所述记录的网页已经停止的网页处理。

2.根据权利要求1所述的网页处理方法，还包括：查找当前打开的全部网页满足预设条件的网页处理。

3.根据权利要求1所述的网页处理方法，所述停止对当前打开的网页的满足预设条件的网页处理的步骤包括：停止对网页动画的处理。

4.根据权利要求3所述的网页处理方法，所述网页动画包括：CSS动画或者gif动画中的一种或者多种。

5.根据权利要求3或者4所述的网页处理方法，所述停止对网页动画的处理的步骤包括：停止网页动画内部的动画更新定时器。

6.一种网页处理装置，包括：

检测模块，用于检测到网页视频进行全屏播放；

全屏播放模块，用于创建视频播放器进行网页视频的全屏播放；

记录模块，用于记录当前打开的全部网页的状态；

网页处理模块，用于在所述网页视频全屏播放时，停止对当前打开的网页满足预设条件的网页处理，以及当所述检测模块接收到退出全屏播放的指令后，所述网页处理模块恢复对所述记录模块记录的网页已经停止的网页处理，所述当前打开的网页满足预设条件的网页处理包括对在进行全屏播放的视频元素以外的网页元素的绘制。

7.根据权利要求6所述的网页处理装置，所述网页处理模块停止对当前打开的网页满足预设条件的网页处理具体为：停止对网页动画的处理。

8.根据权利要求6所述的网页处理装置，所述网页动画包括:CSS动画或者gif动画中的一种或者多种。

Images