网页样式设置处理方法及装置与流程

本发明实施例涉及浏览器技术领域，具体涉及一种网页样式设置处理方法及装置。

背景技术：

浏览器是指可以显示网页服务器或档案系统内的文件，并让用户与该文件交互的软件，是人们上网的重要工具。对于任何一种浏览器，作为直接面向用户的浏览器的页面一般用来显示文字、影像及其他资讯，而且文字和影像可以是连接其他网址的超链接。

目前，浏览器显示网页时，能够实现夜间模式及日间模式的切换。具体切换显示模式时，需对HTML框架及CSS样式进行切换。而具体进行网页显示模式切换时，需使用浏览器内核进行CSS样式的切换。由此，在实现本发明实施例的过程中，发明人发现当网页样式发生变化时，需对自身的CSS进行改写，带来了诸多不便，而且目前只能实现夜间模式与日间模式的相互切换，无法实现其他护眼模式的切换，选择单一，无法满足用户多方面的需求。

技术实现要素：

针对现有技术中的缺陷，本发明实施例提供一种网页样式设置处理方法及装置，能够解决现有技术中当网页样式变化时需对自身的网页样式文件进行改写，且网页样式选择单一的问题。

为解决上述技术问题，本发明实施例提供以下技术方案：

本发明实施例提供了一种网页样式设置处理方法，包括：

浏览器获取目标网页样式对应的脚本信息，根据所述脚本信息生成对应的目标网页样式文件；

所述浏览器将所述目标网页样式文件发送至所述浏览器的内核，以供所述内核将所述目标网页样式文件注入至所述已打开的网页页面中；

所述浏览器接收所述内核的注入成功响应后，根据所述目标网页样式文件对所述已打开的网页页面进行刷新显示。

优选地，所述内核将所述目标网页样式文件注入至所述已打开的网页页面中，包括：

所述内核按照预设顺序，将所述目标网页样式文件注入至所述已打开的网页页面中；所述预设顺序为当前页面、页面列表中位于所述当前页面前打开的页面、页面列表中位于所述当前页面后打开的页面。

优选地，所述根据所述目标网页样式文件对所述已打开的网页页面进行刷新显示，包括：

根据所述目标网页样式文件，对当前网页页面进行刷新显示后，再对所述已打开的网页页面中除所述当前网页页面外的网页页面进行刷新显示。

优选地，所述对当前网页页面进行刷新显示，包括：

先对所述当前网页页面的当前显示区域进行刷新显示，再分别对所述当前网页页面的下侧区域和上侧区域进行刷新显示。

优选地，所述内核将所述目标网页样式文件注入至所述已打开的网页页面中的同时，所述方法还包括：

所述内核将所述目标网页样式文件的优选级设置为最高。

本发明实施例提供了一种网页样式设置处理装置，包括：

网页样式生成模块，用于获取目标网页样式对应的脚本信息，根据所述脚本信息生成对应的目标网页样式文件；

网页样式注入模块，用于将所述目标网页样式文件发送至所述浏览器的内核，以供所述内核将所述目标网页样式文件注入至所述已打开的网页页面中；

刷新显示模块，用于接收所述内核的注入成功响应后，根据所述目标网页样式文件对所述已打开的网页页面进行刷新显示。

优选地，所述网页样式注入模块，用于：

按照预设顺序，将所述目标网页样式文件注入至所述已打开的网页页面中；所述预设顺序为当前页面、页面列表中位于所述当前页面前打开的页面、页面列表中位于所述当前页面后打开的页面。

优选地，所述刷新显示模块，用于：

根据所述目标网页样式文件，对当前网页页面进行刷新显示后，再对所述已打开的网页页面中除所述当前网页页面外的网页页面进行刷新显示。

优选地，所述刷新显示模块，还用于：

先对所述当前网页页面的当前显示区域进行刷新显示，再分别对所述当前网页页面的下侧区域和上侧区域进行刷新显示。

优选地，所述装置还包括：优先级设置模块，用于：

将所述目标网页样式文件的优选级设置为最高。

由上述技术方案可知，本发明实施例提供的一种网页样式设置处理方法及装置，浏览器通过获取目标网页样式对应的脚本信息以生成目标网页样式文件，并将该目标网页样式文件发送至内核，以供内核将目标网页样式文件注入至所述已打开的网页页面中，并在接收到内核发送的注入成功响应后对网页进行刷新显示，从而实现了网页样式的变化设置，如此，本发明能够实现任意目标网页样式的设置，且无需对浏览器自身的网页样式文件进行改写，解决了现有技术中当网页样式变化时需对自身的网页样式文件进行改写，且网页样式选择单一的问题。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明一实施例中的一种网页样式设置处理方法的流程示意图；

图2是本发明一实施例中的一种网页样式设置处理装置的结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本发明的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。

本技术领域技术人员可以理解，除非另外定义，这里使用的所有术语(包括技术术语和科学术语)，具有与本发明所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是，诸如通用字典中定义的那些术语，应该被理解为具有与现有技术的上下文中的意义一致的意义，并且除非被特定定义，否则不会用理想化或过于正式的含义来解释。

图1是本发明一实施例中的一种网页样式设置处理方法的流程示意图，本实施例中，该方法的执行主体为浏览器，如图1所示，本实施例提供的网页样式设置处理方法，具体包括如下步骤：

S101：浏览器获取目标网页样式对应的脚本信息，根据所述脚本信息生成对应的目标网页样式文件。

需要说明的是，目标网页样式可包括多种护眼模式对应的网页样式，例如夜间模式、绿底绿字模式及灰底灰字模式等等。其中，目标网页样式文件可为层叠样式表(Cascading Style Sheets，CCS)文件，而目标网页样式对应的脚本信息可为JS(JavaScript)。

具体来说，浏览器可通过读取文件流加载目标网页样式对应的脚本信息，如护眼模式对应的JS信息，并根据该脚本信息生成对应的目标网页样式文件，即外链式CSS。

S102：所述浏览器将所述目标网页样式文件发送至所述浏览器的内核，以供所述内核将所述目标网页样式文件注入至所述已打开的网页页面中。

具体来说，浏览器将该目标样式文件发送至浏览器内核，以供浏览器内核将该目标样式文件注入至已打开的网页页面中，以实现网页页面样式的切换，即通过浏览器内核注入JS以强制外链CSS，以实现对已打开的网页对应的网页样式进行变化设置。

进一步地，浏览器内核接收该目标网页样式文件后依次对当前打开的页面进行注入，并根据注入是否成功向浏览器发送响应消息。具体地，当注入成功后内核会向浏览器发送注入成功响应，而注入失败则向浏览器发送注入失败响应或不向浏览器发送任何响应消息。

S103：所述浏览器接收所述内核的注入成功响应后，根据所述目标网页样式文件对所述已打开的网页页面进行刷新显示。

具体来说，浏览器接收到内核发送的注入成功响应后，才会根据网页样式文件对已打开的网页页面进行刷新显示，以更换成对应的目标网页样式，完成目标网页样式的设置。可理解地，所述浏览器若未接收到内核发送的注入成功响应消息或接收到内核发送的注入失败响应，则不对已打开的网页页面进行刷新显示。

由此可见，本实施例中浏览器通过获取目标网页样式对应的脚本信息以生成目标网页样式文件，并将该目标网页样式文件发送至内核，以供内核将目标网页样式文件注入至所述已打开的网页页面中，并在接收到内核发送的注入成功响应后对网页进行刷新显示，从而实现了网页样式的变化设置，如此，本实施例能够通过外链CSS实现任意目标网页样式的设置，且无需对浏览器自身的网页样式文件进行改写，解决了现有技术中当网页样式变化时需对自身的网页样式文件进行改写，且网页样式选择单一的问题。

在本发明的一个可选实施例中，上述实施例中的步骤S102中的所述内核将所述目标网页样式文件注入至所述已打开的网页页面中，具体可包括如下步骤：

所述内核按照预设顺序，将所述目标网页样式文件注入至所述已打开的网页页面中；所述预设顺序为当前页面、页面列表中位于所述当前页面前打开的页面、页面列表中位于所述当前页面后打开的页面。

具体来说，由于浏览器可能包括多个已打开的网页页面，因此浏览器内核需按顺序将目标网页样式注入多个已打开的网页页面中，具体顺序可为：当前页面、在当前页面之前打开的页面、当前页面之后打开的页面。当然，具体顺序也可为：当前页面、在当前页面之后打开的页面、当前页面之前打开的页面。如此，依次注入目标网页样式文件，以实现对多个已打开的网页页面的网页样式设置。

在本发明的一个可选实施例中，上述实施例中的步骤S103中的所述根据所述目标网页样式文件对所述已打开的网页页面进行刷新显示，具体可包括：

根据所述目标网页样式文件，对当前网页页面进行刷新显示后，再对所述已打开的网页页面中除所述当前网页页面外的网页页面进行刷新显示。

具体来说，网页样式文件注入成功后，由于可能包括多个已打开的网页页面，因此浏览器需按顺序对该多个已打开的网页页面进行刷新，以使所述多个已打开的网页页面均显示目标网页样式对应的护眼模式。具体刷新顺序可为：当前页面、以及多个已打开的网页页面中除当前页面的其他页面。可理解地，已打开的网页页面中除当前页面的其他页面包括：在当前页面之前打开的页面及当前页面之后打开的页面。如此，按序依次刷新显示，保证当前页面最先显示目标网页样式对应的护眼模式，其他网页依次显示为目标网页样式对应的护眼模式。

进一步地，在本发明的一个可选实施例中，上述实施例中的对当前网页页面进行刷新显示，具体可包括：

先对所述当前网页页面的当前显示区域进行刷新显示，再分别对所述当前网页页面的下侧区域和上侧区域进行刷新显示。

具体来说，对于当前页面，包括：当前显示区域，以及当前显示区域的上侧区域及当前显示区域的下侧区域。因此需按顺序对当前页面进行刷新，以显示目标网页样式对应的护眼模式，具体顺序为：当前显示区域、上侧区域及下侧区域，如此，按序依次刷新显示，保证当前页面中的当前显示区域最先显示目标网页样式对应的护眼模式。

在本发明的一个可选实施例中，上述实施例中所述步骤S102中所述内核将所述目标网页样式文件注入至所述已打开的网页页面中的同时，所述方法还包括如下步骤：

所述内核将所述目标网页样式文件的优选级设置为最高。

具体来说，设置外链CSS为最高优先级，如设置为！important等级，从而强制外链CSS生效。具体地，CSS中！important的作用是提高指定CSS样式规则的应用优先权，具体语法格式为{cssRule！important}。如此，为了保证目标网页样式文件能够生效，将设置目标网页样式文件为最高优先级，则内核注入的目标网页样式文件能够生效，保证已打开的网页能够显示目标网页样式。

另外，对于上述方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本发明所必须的。

图2是本发明一实施例中的一种网页样式设置处理装置的结构示意图，如图2所示，本实施例提供的网页样式设置处理装置包括：网页样式生成模块201、网页样式注入模块202及刷新显示模块203。其中：

网页样式生成模块201用于获取目标网页样式对应的脚本信息，根据所述脚本信息生成对应的目标网页样式文件；网页样式注入模块202用于将所述目标网页样式文件发送至所述浏览器的内核，以供所述内核将所述目标网页样式文件注入至所述已打开的网页页面中；刷新显示模块203用于接收所述内核的注入成功响应后，根据所述目标网页样式文件对所述已打开的网页页面进行刷新显示。

本实施例中，网页样式生成模块201可通过读取文件流加载目标网页样式对应的脚本信息，如护眼模式对应的JS信息，并根据该脚本信息生成对应的目标网页样式文件，即外链式CSS。网页样式注入模块202将该目标样式文件发送至浏览器内核，以供该内核将该目标样式文件注入至已打开的网页页面中，即通过内核注入JS以强制外链CSS，以实现对已打开的网页对应的网页样式进行变化设置。刷新显示模块203接收到内核发送的注入成功响应后，才会根据网页样式文件对已打开的网页页面进行刷新显示，以更换成对应的目标网页样式，完成目标网页样式的设置。可理解地，所述浏览器若未接收到内核发送的注入成功响应消息或接收到内核发送的注入失败响应，则不对已打开的网页页面进行刷新显示。

由此可见，本实施例中网页样式生成模块201通过获取目标网页样式对应的脚本信息以生成目标网页样式文件，网页样式注入模块202将该目标网页样式文件发送至内核，以供内核将目标网页样式文件注入至所述已打开的网页页面中，刷新显示模块203在接收到内核发送的注入成功响应后对网页进行刷新显示，从而实现了网页样式的变化设置，如此，本实施例能够通过外链CSS实现任意目标网页样式的设置，且无需对浏览器自身的网页样式文件进行改写，解决了现有技术中当网页样式变化时需对自身的网页样式文件进行改写，且网页样式选择单一的问题。

在本发明的一个可选实施例中，所述网页样式注入模块202，具体用于：

按照预设顺序，将所述目标网页样式文件注入至所述已打开的网页页面中；所述预设顺序为当前页面、页面列表中位于所述当前页面前打开的页面、页面列表中位于所述当前页面后打开的页面。

本实施例中，由于可能包括多个已打开的网页页面，因此网页样式注入模块202需按顺序将目标网页样式注入多个已打开的网页页面中，具体顺序可为：当前页面、在当前页面之前打开的页面及当前页面之后打开的页面。如此，依次注入目标网页样式文件，以实现对多个已打开的网页页面的网页样式设置。

在本发明的一个可选实施例中，所述刷新显示模块203，具体用于：

根据所述目标网页样式文件，对当前网页页面进行刷新显示后，再对所述已打开的网页页面中除所述当前网页页面外的网页页面进行刷新显示。

本实施例中，网页样式文件注入成功后，由于可能包括多个已打开的网页页面，因此刷新显示模块203需按顺序对该多个已打开的网页页面进行刷新，以使所述多个已打开的网页页面均显示目标网页样式对应的护眼模式。具体刷新顺序可为：当前页面、以及多个已打开的网页页面中除当前页面的其他页面。可理解地，已打开的网页页面中除当前页面的其他页面包括：在当前页面之前打开的页面及当前页面之后打开的页面。如此，按序依次刷新显示，保证当前页面最先显示目标网页样式对应的护眼模式，其他网页依次显示为目标网页样式对应的护眼模式。

进一步地，在本发明的一个可选实施例中，所述刷新显示模块203，还用于：

先对所述当前网页页面的当前显示区域进行刷新显示，再分别对所述当前网页页面的下侧区域和上侧区域进行刷新显示。

本实施例中，对于当前页面，具体包括：当前显示区域，以及当前显示区域的上侧区域及当前显示区域的下侧区域。因此需按顺序对当前页面进行刷新，以显示目标网页样式对应的护眼模式，具体顺序可为：当前显示区域、上侧区域及下侧区域，如此，按序依次刷新显示，保证当前页面中的当前显示区域最先显示目标网页样式对应的护眼模式。

在本发明的一个可选实施例中，除了包括上述实施例中的网页样式生成模块201、网页样式注入模块202及刷新显示模块203，本实施例中的网页样式设置处理装置还包括：优先级设置模块。

其中，优先级设置模块用于将所述目标网页样式文件的优选级设置为最高。

本实施例中，网页样式注入模块202将所述目标网页样式文件注入至所述已打开的网页页面中的同时，优先级设置模块设置外链CSS为最高优先级，如设置为！important等级，从而强制外链CSS生效。具体地，CSS中！important的作用是提高指定CSS样式规则的应用优先权，具体语法格式为{cssRule！important}。如此，为了保证目标网页样式文件能够生效，将设置目标网页样式文件为最高优先级，则内核注入的目标网页样式文件能够生效，保证已打开的网页能够显示目标网页样式。

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

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。