一种浏览器和网页之间的显示模式同步方法及其装置与流程

本发明涉及网页浏览技术领域，尤其涉及一种浏览器和网页之间的显示模式同步方法及其装置。

背景技术：
随着信息社会的快速发展，越来越多的用户使用移动终端或手持终端等具有浏览器功能的电子设备进行信息浏览以及网页浏览，然而浏览器、各种应用等客户端的显示方式至关重要，舒适的显示效果能给用户带来更好的体验以及更好的视觉效果。现有技术中，用户在夜间光线不足的情况下浏览信息时会经常使用网页提供的夜间模式或者浏览器提供的夜间模式，这样可以减少网页等亮光对眼睛的刺激，然而对于现有的方案来说，浏览器的夜间模式和网页的夜间模式是毫无关系的两个功能。浏览器的夜间模式的实现过程是：点击浏览器弹出菜单的夜间模式，会将所有外壳界面元素的配色方案改为适应低照度情况下的方案，例如用户界面（UserInterface，UI）背景图变暗、显示文字颜色反色等，同时，也会对网页内容作出适配。根据实现原理的不同和技术难度，分为强制改写文字颜色背景图片和增加遮罩两种方式，将页面内容修改为低照度方案，但是这种处理方式会造成网页原本样式的丢失，或者导致文字难以阅读和图片难以看清，对用户的视觉效果及体验造成影响。而网页的夜间模式的实现过程是：点击网页提供的夜间模式按钮（部分网站支持），会执行相应的JavaScript脚本，将网页内的级联样式表（CascadingStyleSheet，CSS）替换到网页设计者预先给出的夜间配色方案，例如背景图片调暗、文字颜色反色，保证标题层次分明，达成页面内容和文字的夜间模式。虽然文字颜色和阅读体验可以尽可能提升，但是浏览器的外壳部分（如功能菜单栏等）毫无变化，仍然十分刺眼。现有中，浏览器的夜间模式和网页的夜间模式仍然是两个完全不同的功能和概念，会导致用户对夜间模式的体验不佳，如：对页面上的夜间模式和浏览器菜单中夜间模式的混淆；浏览器的夜间模式导致网页页面文字颜色丢失，甚至影响阅读；在页面的夜间模式下，浏览器的界面元素仍然刺眼等。现有中存在一种技术方案，效果如图1a所示，网页设计者直接设计网页的夜间展现，网页的夜间模式可以做到网页的夜间阅读体验的最大化，但是无法影响浏览器的UI元素，用户夜间使用时仍然刺眼；另一种方案的效果如图1b所示，浏览器的夜间模式为了实现页面的夜间模式，许多浏览器采用了遮罩的办法降低亮度。但是，会使得文字与背景的反差变小，使得文字阅读变得困难。为了解决上面两种方案存在的问题，有另一方案采用了替换文字和背景颜色的方式，解决了文字阅读的问题，但是由于无条件地覆盖了文字颜色和背景，导致标题颜色和背景图片丢失，效果如图1c所示。

技术实现要素：
本发明的目的在于克服现有技术的不足，本发明提供了一种浏览器和网页之间的显示模式同步方法及其装置，能够很好地同步浏览器和网页之间的显示模式，为用户提供更佳的网页阅读环境，提升了用户的阅读体验。为了解决上述问题，本发明提出了一种浏览器和网页之间的显示模式同步方法，所述方法包括：根据显示模式切换指令判断所述浏览器或者所述网页是否需要进行显示模式的切换；当所述浏览器或者所述网页需要进行所述显示模式的切换时，对所述浏览器的显示模式和所述网页的显示模式进行同步处理。优选地，所述对所述浏览器的显示模式和所述网页的显示模式进行同步处理的步骤包括：若所述浏览器需要进行显示模式切换时，则所述网页同时进行与所述浏览器相同的显示模式的切换；若所述网页需要进行显示模式切换时，则所述浏览器同时进行与所述网页相同的显示模式的切换。优选地，所述网页同时进行与所述浏览器相同的显示模式的切换的步骤包括：所述浏览器调用所述网页相应的JavaScript接口；所述浏览器向所述网页发送切换命令；所述网页根据所述切换命令进行显示模式切换。优选地，所述浏览器同时进行与所述网页相同的显示模式的切换的步骤包括：在所述网页的JavaScript中插入触发代码；将所述触发代码发送给所述浏览器；所述浏览器根据所述触发代码进行显示模式切换。优选地，所述浏览器根据所述触发代码进行显示模式切换的步骤包括：所述浏览器对所述触发代码进行解析；所述浏览器调用自身的模式切换功能进行显示模式切换。优选地，所述网页同时进行与所述浏览器相同的显示模式的切换的步骤包括：当所述网页加载时，所述网页发送询问请求询问所述浏览器处于哪种显示模式；所述浏览器接收所述询问请求后，将当前自身所处的显示模式状态发送给所述网页；所述网页根据所述浏览器的显示模式状态进行显示模式切换。优选地，所述显示模式为夜间模式或日间模式。优选地，在所述网页相应的附属JavaScript文件中添加一个无返回类型，所述无返回类型带有参数的函数，所述无返回类型的原型为：functionUCWEB_switchNightMode(varisNightMode)。优选地，通过所述浏览器函数的返回值获取所述浏览器当前自身所处的显示模式，所述浏览器函数的返回值原型为：functionUCWEB_getNightMode()；其中，返回值非零代表浏览器当前处于夜间模式，返回值为零代表浏览器当前处于日间模式。优选地，在所述网页中任意位置设置用于用户进行日显示模式切换的按钮。优选地，在所述按钮的响应事件中依次执行以下步骤：调用所述网页自身的UCWEB_switchNightMode函数；调用所述浏览器的functionUCWEB_didSwitchNightMode(varisNightMode)函数通知所述浏览器进行显示模式切换，参数为切换后是否处于夜间模式；更换所述按钮的状态。优选地，浏览器内核在执行JavaScript代码时，若执行到UCWEB_getNightMode()函数，则获取浏览器的外壳当前是否处于夜间模式，并用结果替换UCWEB_getNightMode()函数。优选地，浏览器内核在执行JavaScript代码时，若执行到UCWEB_didSwitchNightMode()函数，则回调外壳相应的切换显示模式的接口。相应地，本发明实施例还提供了一种浏览器和网页之间的显示模式同步装置，所述装置包括：判断模块，用于根据显示模式切换指令判断所述浏览器或者所述网页是否需要进行显示模式的切换；同步模块，用于当所述浏览器或者所述网页需要进行所述显示模式的切换时，对所述浏览器的显示模式和所述网页的显示模式进行同步处理。优选地，所述同步模块包括：网页同步模块，用于若所述浏览器需要进行显示模式切换时，则所述网页模块同时进行与所述浏览器相同的显示模式的切换；浏览器同步模块，用于若所述网页需要进行显示模式切换时，则所述浏览器模块同时进行与所述网页相同的显示模式的切换。在本发明实施例中，对浏览器和网页之间的夜间模式或日间模式等显示模式进行统一，任何一方显示模式的改变都会导致另一方同步进行变化，并且新加载的网页也会自适应浏览器的夜间模式等显示模式，能够很好地同步浏览器和网页之间的显示模式，为用户提供更佳的网页阅读环境，提升了用户的阅读体验。附图说明为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。图1a、1b、1c是现有技术方案的效果示意图；图2是本发明的浏览器和网页之间的显示模式同步方法的第一实施例的流程示意图；图3是本发明的浏览器和网页之间的显示模式同步方法的第二实施例的流程示意图；图4是本发明的浏览器和网页之间的显示模式同步方法的第三实施例的流程示意图；图5是本发明的浏览器和网页之间的显示模式同步方法的第四实施例的流程示意图；图6是本发明实施例的浏览器和网页之间的显示模式同步装置的结构组成示意图。具体实施方式下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。在本发明实施例中，显示模式是指浏览器或网页的配色方案，包括夜间模式和日间模式。本发明实施例的浏览器的夜间模式是指：将浏览器所有外壳界面元素的配色方案改为适应低照度情况下的方案，例如UI背景图变暗、显示文字颜色反色等；而网页的夜间模式是指：将页内css替换成网页设计者预先给出的夜间配色方案，例如背景图片调暗、文字颜色反色、保证标题层次分明，达成页面内容和文字的夜间模式。图2是本发明的浏览器和网页之间的显示模式同步方法的第一实施例的流程示意图，如图2所示，该方法包括：S201，根据显示模式切换指令判断浏览器或者网页是否需要进行显示模式的切换；其中，浏览器是指手机、个人数字助理（PersonalDigitalAssistant，PDA）等移动终端、计算机、电视上所搭载的，用于加载并显示网页的应用，用户可通过浏览器浏览互联网或局域网上的文字、网页等信息。网页是指构成网站的基本元素，用于承载各种网站应用，并通过浏览器进行加载，给用户呈现各种信息。显示模式的切换是指从日间模式切换到夜间模式或者是指从夜间模式切换到日间模式。在本发明的一个实例中，S201具体包括：根据接收到的用户输入的显示模式切换指令对浏览器进行夜间模式或者日间模式的切换，如浏览器显示模式切换指令或网页显示模式切换指令；同理，也可以对网页进行夜间模式或者日间模式的切换。需要说明的是，该显示模式切换指令可以是用户输入的，也可以是其它计算机程序发出的，具体是如何产生的，并不影响本发明的实施，只要该指令是指示浏览器或者网页进行显示模式切换的即可。或者，可以预先设定浏览器切换显示模式的时间，同到达设定时间时，浏览器自动进行显示模式切换，而网页也同时进行相同显示模式切换，同样地，也可以预先设定网页切换显示模式的时间。如，设定浏览器自动切换为夜间模式的时间为22：00，则当时间到达22：00时，浏览器自动切换为夜间模式，而网页也同时切换成夜间模式；其它实施情况类同，这里不再赘述。S202，当浏览器或者网页需要进行显示模式的切换时，对浏览器的显示模式和网页的显示模式进行同步处理。其中，对浏览器的显示模式和网页的显示模式进行同步处理具体是指将浏览器的显示模式和网页的显示模式设置成统一模式。在本发明的一个实例中，S202进一步包括：若浏览器需要进行显示模式切换时，则网页同时进行与浏览器相同的显示模式的切换；若网页需要进行显示模式切换时，则浏览器同时进行与网页相同的显示模式的切换。其中，当浏览器需要进行显示模式的切换时，网页同时进行与浏览器相同的显示模式的切换的步骤包括：浏览器调用网页相应的JavaScript接口；浏览器向网页发送切换命令；网页根据切换命令进行显示模式切换。具体实施中，图3示出了本发明的浏览器和网页之间的显示模式同步方法的第二实施例的流程，如图3所示，该过程包括：S301，根据显示模式切换指令判断浏览器或者网页是否需要进行显示模式的切换；S302，若浏览器需要进行显示模式切换时，浏览器调用网页相应的JavaScript接口；S303，浏览器向网页发送切换命令；S304网页根据切换命令进行显示模式切换。具体实施中，在浏览器切换夜间模式或者日间模式的同时，调用网页提供好的JavaScript接口，网页在接到JS回调时，进行页面内的夜间模式或者日间模式切换，达到网页显示模式的同步切换。这里可以在浏览器中添加切换按钮，以接收用户输入的显示模式切换指令。进一步地，当网页需要进行显示模式的切换时，浏览器同时进行与网页相同的显示模式的切换的步骤包括：在网页的JavaScript中插入触发代码；将触发代码发送给浏览器；浏览器根据触发代码进行显示模式切换。而浏览器根据触发代码进行模式切换的步骤进一步包括：浏览器对触发代码进行解析；浏览器调用自身的模式切换功能进行显示模式切换。本发明的浏览器和网页之间的显示模式同步方法的第三实施例的具体过程如图4所示，包括：S401，根据显示模式切换指令判断浏览器或者网页是否需要进行显示模式的切换；S402，若网页需要进行显示模式切换时，在网页的JavaScript中插入触发代码；S403，将触发代码发送给浏览器；S404，浏览器对触发代码进行解析；S405，浏览器调用自身的模式切换功能进行显示模式切换。具体实施时，当用户点击网页上的切换夜间模式按钮时，在JavaScript当中插入特殊的代码，当浏览器（浏览器）解析到这个特殊标记时，调用浏览器本身的切换夜间模式或者日间模式的功能，达到浏览器显示模式同步切换。在另一实施过程中，当网页加载时，网页发送询问请求询问浏览器处于哪种显示模式；浏览器接收询问请求后，将当前自身所处的显示模式状态发送给网页；网页根据浏览器的显示模式状态进行显示模式切换。具体过程如图5所示，包括：S501，当网页加载时，网页发送询问请求询问浏览器处于哪种显示模式；S502，浏览器接收询问请求后，将当前自身所处的显示模式状态发送给网页；S503，网页根据浏览器的显示模式状态进行显示模式切换。具体实施中，网页开始加载时，会在JavaScript调用特殊的函数，询问当前浏览器是否处于夜间模式，当浏览器解析到这一段JavaScript代码时，会将浏览器的夜间模式状态变量来替换这个函数。之后页面的绘制，就会根据这个变量来来决定是否使用夜间的样式。在本发明实施例中，对于网页（相应的网站）需要进行以下处理：1、所有需要对夜间模式阅读进行适配的网页，都需要在附属的JavaScript文件中定义一个无返回类型，带有参数的函数，原型为：functionUCWEB_switchNightMode(varisNightMode);这个函数的实现由网站自行实现，期望的结果是，当isNightMode非零时，页面会切换成夜间配色，isNightMode为零时，页面会切换成正常的配色。2、网页一开始采用的配色方案会根据浏览器当前的模式进行选择，而当前模式由以下浏览器函数的返回值获取，原型为：functionUCWEB_getNightMode();这个函数由网页的JS调用，由浏览器实现，返回值非零代表浏览器当前处于夜间模式，返回值为零代表浏览器当前处于日间模式。3、网页可以在网页中任意位置放置一个用于用户进行日夜间切换的按钮。由于浏览器的菜单中已经提供了这个功能，网站可以根据自身需要决定网页是否需要这样的按钮。如果需要，请在按钮的响应事件中，依次进行以下操作：（1）调用自己的函数UCWEB_switchNightMode，如第一条所述，执行网页换肤；（2）调用浏览器函数functionUCWEB_didSwitchNightMode(varisNightMode)通知浏览器进行夜间模式切换，参数为切换后是否处于夜间模式；（3）更换按钮状态等其他必要操作。对于浏览器需要进行以下处理：1、浏览器内核在执行JavaScript代码时，如遇到UCWEB_getNightMode()，需要获取到浏览器外壳当前是否处于夜间模式，并用结果替换这个函数；2、浏览器内核在执行JavaScript代码时，如遇到UCWEB_didSwitchNightMode()，能够正确的回调外壳相应的切换日夜间模式的接口；3、在外壳进行换肤后，能够正确找到所有正在显示窗口的网页，并分别通过内核调用其中的UCWEB_switchNightMode()的函数。在本发明实施例中，对浏览器和网页之间的夜间模式或日间模式等显示模式进行统一，任何一方显示模式的改变都会导致另一方同步进行变化，并且新加载的网页也会自适应浏览器的夜间模式等显示模式，能够很好地同步浏览器和网页之间的显示模式，为用户提供更佳的网页阅读环境，提升了用户的阅读体验。相应地，本发明实施例还提供一种浏览器和网页之间的显示模式同步装置，如图6所示，该装置包括：判断模块60，用于根据显示模式切换指令判断浏览器或者网页是否需要进行显示模式的切换；同步模块61，用于当浏览器或者网页需要进行显示模式的切换时，对浏览器的显示模式和网页的显示模式进行同步处理。其中，浏览器是指手机、PDA等移动终端、计算机、电视上所搭载的，用于加载并显示网页的应用，用户可通过浏览器浏览互联网或局域网上的文字、网页等信息。网页是指构成网站的基本元素，用于承载各种网站应用，并通过浏览器进行加载，给用户呈现各种信息。显示模式的切换是指从日间模式切换到夜间模式或者是指从夜间模式切换到日间模式。在实施过程中，判断模块60可以接收用户输入的显示模式切换指令并进行判断，如浏览器显示模式切换指令或网页显示模式切换指令，可以根据显示模式切换指令对浏览器进行夜间模式或者日间模式的切换，同理，也可以对网页进行夜间模式或者日间模式的切换。或者，可以预先设定浏览器切换显示模式的时间，同到达设定时间时，浏览器自动进行显示模式切换，而网页也同时进行相同显示模式切换，同样地，也可以预先设定网页切换显示模式的时间。如，设定浏览器自动切换为夜间模式的时间为22：00，则当时间到达22：00时，浏览器自动切换为夜间模式，而网页也同时切换成夜间模式；其它实施情况类同，这里不再赘述。进一步地，同步模块61包括：网页同步模块610，用于若浏览器需要进行显示模式切换时，则网页同步模块610同时进行与浏览器相同的显示模式的切换；浏览器同步模块611，用于若网页需要进行模式切换时，则浏览器同步模块611同时进行与网页相同的显示模式的切换。具体实施中，浏览器同步模块611还用于调用网页相应的JavaScript接口，并向网页同步模块610发送切换命令；网页同步模块610还用于根据切换命令进行显示模式切换。网页同步模块610还用于在网页的JavaScript中插入触发代码，并将触发代码发送给浏览器同步模块611；浏览器同步模块611还用于根据触发代码进行显示模式切换。另一情况，当网页同步模块610加载网页时，网页同步模块610发送询问请求询问浏览器处于哪种模式；浏览器同步模块611接收询问请求后，将当前自身所处的显示模式状态发送给网页同步模块610；网页同步模块610根据浏览器的模式状态进行网页的显示模式切换。本发明实施例中的浏览器和网页之间的显示模式同步装置的各模块功能的实现过程及原理可参见本发明的浏览器和网页之间的显示模式同步方法的实施例中关于过程原理的描述，这里不再赘述。本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：只读存储器（ROM，ReadOnlyMemory）、随机存取存储器（RAM，RandomAccessMemory）、磁盘或光盘等。另外，以上对本发明实施例所提供的浏览器和网页之间的显示模式同步方法及其装置进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。