CN105094759A - 一种浏览模式切换处理方法及装置 - Google Patents

一种浏览模式切换处理方法及装置 Download PDF

Info

Publication number
CN105094759A
CN105094759A CN201410179042.6A CN201410179042A CN105094759A CN 105094759 A CN105094759 A CN 105094759A CN 201410179042 A CN201410179042 A CN 201410179042A CN 105094759 A CN105094759 A CN 105094759A
Authority
CN
China
Prior art keywords
page
background
code
word content
display result
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201410179042.6A
Other languages
English (en)
Other versions
CN105094759B (zh
Inventor
陶醉
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba China Co Ltd
Original Assignee
Guangzhou Dongjing Computer Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Guangzhou Dongjing Computer Technology Co Ltd filed Critical Guangzhou Dongjing Computer Technology Co Ltd
Priority to CN201410179042.6A priority Critical patent/CN105094759B/zh
Priority to PCT/CN2014/088199 priority patent/WO2015165216A1/zh
Publication of CN105094759A publication Critical patent/CN105094759A/zh
Application granted granted Critical
Publication of CN105094759B publication Critical patent/CN105094759B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开一种浏览模式切换处理方法。该方法包括:接收浏览模式切换命令;在获取的页面中注入用于设置样式的第一代码和用于调整样式的第二代码;执行所述第一代码,将所述页面的文字内容和背景转换为所述第一代码设置的值,得到页面的第一显示结果;执行所述第二代码,将所述第一显示结果的页面的文字内容和背景进行调整,得到页面的第二显示结果。本发明相应提供一种浏览模式切换处理装置。本发明的方案客与现有方案相比通用性更强,无需占用渲染资源,且夜间模式显示效果较好。

Description

一种浏览模式切换处理方法及装置
技术领域
本发明涉及移动通信技术领域,更为具体地,涉及一种浏览模式切换处理方法及装置。
背景技术
现有的移动浏览器浏览网页的浏览模式一般包括日间模式和夜间模式。夜间模式适合用户在晚上等光线比较弱的场景下更好地在移动终端上使用浏览器来进行网页浏览。夜间模式功能的实现一般包括两种方式。第一种现有方式是从日间模式切换为夜间模式时,将整个浏览器界面(包括网页内容)统一降低明度,例如QQ手机浏览器、百度手机浏览器等。第二种现有方式是具有第三方内核的浏览器,从日间模式切换为夜间模式时,调用第三方内核,在页面渲染时进行夜间模式处理,例如UC手机浏览器。
但是这两种实现方式都存在比较明显的缺陷。在第一种现有实现方式中,在切换成夜间模式后,由于是对浏览器界面和网页内容统一降低明度,使得移动终端的屏幕亮度降低,从而大大降低了网页内容的可读性,十分不利于用户在光线比较弱的环境下进行网页浏览。在第二种现有实现方式中,虽然显示效果比第一种方式更好,但只适用于有第三方内核的浏览器,如果是系统自带内核的浏览器则不适用,因此应用受限,并且该方式需要占用渲染资源。
因此,希望提供一种通用性更强,且显示效果较好的浏览模式切换处理方法。
发明内容
鉴于上述,本发明提出了一种浏览模式切换处理方法及装置,与现有方案相比通用性更强,无需占用渲染资源,且夜间模式显示效果较好。
本发明的技术方案如下:
根据本发明的一个方面,提供了一种浏览模式切换处理方法,包括:接收浏览模式切换命令;在获取的页面中注入用于设置样式的第一代码和用于调整样式的第二代码;执行所述第一代码,将所述页面的文字内容和背景转换为所述第一代码设置的值,得到页面的第一显示结果;执行所述第二代码,将所述第一显示结果的页面的文字内容和背景进行调整,得到页面的第二显示结果。
其中,所述在获取的页面中注入用于设置样式的第一代码和用于调整样式的第二代码包括:在获取的页面中注入级联样式表CSS和JS,其中所述CSS设置页面的文字内容和背景全部变暗,所述JS设置文字内容变亮,背景变灰色;所述执行所述第一代码,将所述页面的文字内容和背景转换为所述第一代码设置的值,得到页面的第一显示结果包括:执行所述CSS,将所述页面的文字内容和背景转换为所述CSS设置的值,得到页面的文字内容和背景全部变暗的第一显示结果;所述执行所述第二代码,将所述第一显示结果的页面的文字内容和背景进行调整,得到页面的第二显示结果包括:执行所述JS,将所述第一显示结果的页面的文字内容调高亮度,将页面的背景调为灰色背景,得到页面的第二显示结果。
其中,将所述第一显示结果的页面的文字内容调高亮度后,还包括:判断页面中是否存在图片;若否,执行将页面的背景调为灰色背景的步骤;若是,进一步判断出所述图片作为页面的背景时,将图片调为灰色背景。
其中,根据获得的页面的节点属性中含有设定属性判断为存在图片。
其中,根据图片的长与宽的比值大于第一阈值且图片中含有的元素个数大于第二阈值,判断出所述图片作为页面的背景。
其中,该方法还包括:记录所述页面的文字内容和背景被调整前后的值,使得在接收到中断切换或返回原有模式的命令时,根据所记录的值进行恢复。
根据本发明的另一个方面,提供一种浏览模式切换处理装置,包括:接收单元,用于接收浏览模式切换命令;注入单元,用于在获取的页面中注入用于设置样式的第一代码和用于调整样式的第二代码;第一执行单元,用于执行所述第一代码,将所述页面的文字内容和背景转换为所述第一代码设置的值,得到页面的第一显示结果;第二执行单元,执行所述第二代码,将所述第一显示结果的页面的文字内容和背景进行调整,得到页面的第二显示结果。
其中,所述注入单元具体用于在获取的页面中注入级联样式表CSS和JS,其中所述CSS设置页面的文字内容和背景全部变暗,所述JS设置文字内容变亮,背景变灰色;第一执行单元具体用于执行所述CSS,将所述页面的文字内容和背景转换为所述CSS设置的值,得到页面的文字内容和背景全部变暗的第一显示结果;第二执行单元具体用于执行所述JS,将所述第一显示结果的页面的文字内容调高亮度,将所述第一样式的页面的背景调为灰色背景,得到页面的第二显示结果。
其中,该装置还包括:判断单元,用于在所述第二执行单元将所述第一显示结果的页面的文字内容调高亮度后,判断页面中是否存在图片及判断所述图片是否作为页面的背景;所述第二执行单元在所述判断单元判断出页面不存在图片时,将页面的背景调为灰色背景,在所述判断单元判断出页面存在图片且所述图片作为页面的背景时,将图片调为灰色背景。
其中,该装置还包括:记录单元,用于记录所述页面的文字内容和背景被调整前后的值;恢复单元,用于在接收到中断切换或返回原有模式的命令时,根据所述记录单元记录的值,进行恢复。
利用上述方法,在接收浏览模式切换命令后,在获取的页面中注入用于设置样式的第一代码(例如CSS)和用于调整样式的第二代码(例如JS),先执行所述第一代码,将所述页面的文字内容和背景转换为所述第一代码设置的值,得到页面的第一显示结果;再执行所述第二代码,将所述第一显示结果的页面的文字内容和背景进行调整,得到页面的第二显示结果。因为注入的第一代码和第二代码是任何浏览器都支持的代码,只需要通过这些代码修改页面的CSS+HTML,就能简单完成从日间模式到夜间模式的切换,因此无论是系统自带内核还是含第三方内核,无论是哪个平台系统,都可以使用,通用性更强,也不占用渲染资源,而且能对于网页中的各个元素的属性进行精确的改变,夜间模式的显示效果也更好。
为了实现上述以及相关目的,本发明的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本发明的某些示例性方面。然而,这些方面指示的仅仅是可使用本发明的原理的各种方式中的一些方式。此外,本发明旨在包括所有这些方面以及它们的等同物。
附图说明
根据下述参照附图进行的详细描述,本发明的上述和其他目的、特征和优点将变得更加显而易见。在附图中:
图1示出了本发明实施例浏览模式切换处理方法的第一流程示意图;
图2示出了本发明实施例浏览模式切换处理方法的第二流程示意图;
图3示出了本发明实施例浏览模式切换处理方法的第三流程示意图;
图4示出了本发明实施例浏览模式切换处理方法的第四流程示意图;
图5示出了本发明实施例浏览模式切换前后的效果对比示意图;
图6示出了本发明实施例切换时执行CSS后的效果示意图;
图7示出了本发明实施例切换时执行JS后的效果示意图;
图8示出了本发明实施例的装置结构的第一示意图;
图9示出了本发明实施例的装置结构的第二示意图;
图10示出了本发明实施例的终端结构的示意图。
在所有附图中相同的标号指示相似或相应的特征或功能。
具体实施方式
下面描述本公开的各个方面。应该明白的是,本文的教导可以以多种多样形式具体体现,并且在本文中公开的任何具体结构、功能或两者仅仅是代表性的。基于本文的教导,本领域技术人员应该明白的是,本文所公开的一个方面可以独立于任何其它方面实现,并且这些方面中的两个或多个方面可以按照各种方式组合。例如,可以使用本文所阐述的任何数目的方面,实现装置或实践方法。另外,可以使用其它结构、功能、或除了本文所阐述的一个或多个方面之外或不是本文所阐述的一个或多个方面的结构和功能,实现这种装置或实践这种方法。此外,本文所描述的任何方面可以包括权利要求的至少一个元素。
下面将参照附图描述本发明的各个实施例。
本发明提出了一种浏览模式切换处理方法,与现有方案相比通用性更强,无需占用渲染资源,且夜间模式显示效果较好。
图1示出了本发明实施例浏览模式切换处理方法的第一流程示意图,包括步骤:
101、接收浏览模式切换命令;
102、在获取的页面中注入用于设置样式的第一代码和用于调整样式的第二代码;
103、执行所述第一代码,将所述页面的文字内容和背景转换为所述第一代码设置的值,得到页面的第一显示结果;
104、执行所述第二代码,将所述第一显示结果的页面的文字内容和背景进行调整,得到页面的第二显示结果。
图2示出了本发明实施例浏览模式切换处理方法的第二流程示意图,包括步骤:
201、接收浏览模式切换命令;
202、在获取的页面中注入级联样式表CSS(CascadingStyleSheets)和JS,其中所述CSS设置页面的文字内容和背景全部变暗,所述JS设置文字内容变亮,背景变灰色;
203、执行所述CSS,将所述页面的文字内容和背景转换为所述CSS设置的值,得到页面的文字内容和背景全部变暗的第一显示结果;
204、执行所述JS,将所述第一显示结果的页面的文字内容调高亮度,将页面的背景调为灰色背景,得到页面的第二显示结果。
可以发现,利用图1或图2所示的方法,在接收浏览模式切换命令后,在获取的页面中注入用于设置样式的第一代码(例如CSS)和用于调整样式的第二代码(例如JS),先执行所述第一代码,将所述页面的文字内容和背景转换为所述第一代码设置的值,得到页面的第一显示结果;再执行所述第二代码,将所述第一显示结果的页面的文字内容和背景进行调整,得到页面的第二显示结果。因为注入的第一代码和第二代码是任何浏览器都支持的代码,只需要通过这些代码修改页面的CSS+HTML(HyperTextMarkupLanguage,超文本标记语言),就能简单完成从日间模式到夜间模式的切换,因此无论是系统自带内核还是含第三方内核,无论是哪个平台系统,都可以使用,通用性更强,也不占用渲染资源,而且能对于网页中的各个元素的属性进行精确的改变,夜间模式的显示效果也更好。
图3示出了本发明实施例浏览模式切换处理方法的第三流程示意图。
本发明在浏览模式需要从日间模式切换到夜间模式时,在页面中注入CSS和JS;分别通过执行CSS和JS实现夜间模式的粗调和细调,首先通过执行CSS将整个页面转换成预设的夜间模式的初步样式,实现了粗调,再通过执行JS将页面的每个节点的字体提高亮度(即高亮化),将页面的背景调为灰色,从而实现细调,得到最终的夜间模式页面。
图3包括步骤:
301、接收到浏览器模式从日间模式(正常模式)切换到夜间模式的命令后,在获取的页面中注入CSS和JS;
CSS的作用一般是定义内容的样式(字体大小、颜色等),可以后台加载,不影响HTML的解析。本发明是要利用CSS将整个页面转换成预设的夜间模式的初步样式。
JS(JavaScript)是一种在浏览器运行的脚本语言,功能很强大,可以动态改变网页内容,如插入HTML等。本发明是要利用JS对已转换为夜间模式初步样式的网页再进行细调。
因此,注入的CSS是设置页面的文字内容和背景全部变暗,注入的JS是设置文字内容变亮,背景变灰色。
其中,JS一般比CSS处理过程占用的时间长,因此本发明在下一步处理过程中先执行CSS。
302、执行CSS,将整个页面转换成预设的夜间模式样式;
本发明可以针对页面节点属性的不同而制定不同的CSS样式来对应页面模式,在执行CSS时,将当前的页面节点转换成预设的夜间模式样式。即执行CSS,将页面的文字内容和背景转换为CSS设置的值,得到页面的文字内容和背景全部变暗的第一显示结果。由于加载CSS占用时间较短,处理范围大,注入CSS即可迅速展现初级的夜间模式效果。
例如,预设的夜间模式的样式可以是:
背景色:颜色值为RGB(31,73,125)#171717
透明度:设置为不透明,60%透明度的遮罩。
303、执行JS,将页面中的每个节点中的字体亮化,将页面背景转换成预设的灰色背景,得到最后的夜间模式。
该步骤中,执行所述JS,遍历每个节点,将页面的文字内容调高亮度(亮化),将页面的背景调为灰色背景,得到页面的第二显示结果(即最后的夜间模式结果)。
一般实现夜间模式的逻辑是把文字内容颜色“调暗”,即通过RGB(R(red)红、G(green)绿、B(blue)蓝)颜色算法将当前RGB值按照一定规则调整,同时考虑图片的“调暗”,通过调整图片的Alpha(用于设置透明度)值,也就是调整图片的透明度来达到“调暗”的效果。本发明方案采用了一种较为特别的方式,采取相反的思路,在执行CSS使整体亮度变低的情况下,再将全部文字都在其原来基础上调亮,这样的方式使得夜间模式效果更好。
对于将页面的背景调为灰色背景,此时可以有两种处理方式,一种是通过调整颜色值使得变成灰色背景,一种是直接增加遮罩使得变成灰色背景。
还需说明的是,将文字内容亮化后,可以插入一个属性用来记录文字原来的亮度,便于后面执行撤销夜间模式(即恢复之前模式)。
图4示出了本发明实施例浏览模式切换处理方法的第四流程示意图。
图4与图3流程的区别是,增加了是否含有图片情况下的不同处理过程。具体是根据页面中是否含有图片进行不同处理,如果判断页面无图片,则直接将页面的背景调为灰色,如果有图片,则获取图片的长、宽以及该图片上的元素个数,根据图片的长宽比、该图片上的元素个数判断该图片的作用,如果该图片的作用是作为背景图片,将该图片调为灰色,当该图片不是背景图片时认为是需提供给用户观看的图片,则不处理。
图4包括步骤:
401、接收到浏览器模式从日间模式(正常模式)切换到夜间模式的命令时,在获取的页面中注入CSS和JS;
该步骤与步骤301相同。
402、执行CSS,将整个页面转换成预设的夜间模式样式;
该步骤与步骤302相同。
403、执行JS,将页面中的每个节点中的字体亮化。
该步骤将字体亮化的处理与步骤303中的处理相同。
404、判断页面中是否含有图片,当没有图片时,进入步骤405,当有图片时进入步骤406;
该步骤中,获得页面节点的属性(ComputedStyle)中的backgroundImage,根据含有backgroundImage属性判断出页面节点中含有图片。
405、没有图片时,将页面背景转换成预设的灰色背景,转入步骤410;
在页面没有图片时,该步骤直接将页面背景转换成灰色背景。
需说明的是,此时可以有两种处理方式,一种是通过调整颜色值使得变成灰色背景,一种是直接增加遮罩使得变成灰色背景。
此时,可以记录原来的页面背景颜色,并标记颜色已改变,以便执行撤销夜间模式的操作。或者,对用于覆盖的遮罩图打上标记,以便执行撤销夜间模式的操作。
406、获取图片的长、宽以及图片上的元素个数,进入步骤407;
从获取的页面中,根据页面代码可以获得图片的长、宽以及图片上的元素个数。图片上的元素包括如字符、图片上的小框等。
407、根据长宽比、图片中元素个数判断该图片是否为背景图片,当图片不是背景图片时,进入步骤408,当该图片为背景图片时,进入步骤409;
当图片的长宽比满足一定条件,例如大于或等于阈值(如1/0.8),且图片上的元素(如字符、图片上的小框)个数满足一定条件时,例如大于或等于阈值(如10),可以判断出该图片的作用是作为背景图片,否则不是背景图片,而是用户需要观看的图片。
408、不是背景图片时,不对该图片进行处理,转入步骤410;
409、将该图片设置成预设的灰色背景,转入步骤410;
因为该图片是作为背景图片,也即作用是作为页面的背景,因此将此时可以有两种处理方式,一种是通过调整颜色值使得变成灰色背景,一种是直接增加遮罩使得变成灰色背景。
此时,可以记录原来的页面背景颜色,并标记颜色已改变,以便执行撤销夜间模式的操作。或者,对用于覆盖的遮罩图打上标记,以便执行撤销夜间模式的操作。
410、显示最终的夜间模式页面。
经过上述的处理,该步骤得到最终的夜间模式效果并显示。
需说明的是,上述切换过程中,可以记录所述页面的文字内容和背景被调整前后的值,使得在接收到中断切换或返回原有模式的命令时,根据所记录的值进行恢复。也即,根据之前做的标记再还原回日间模式,使其能快速改变需要改变的节点的属性值。
若在夜间模式切换过程中,需要中途中断,可通过以下方式实现:在Java层设一个标记值m,每次日间模式和夜间模式切换都会增加该值。执行JS时传入当时的m值,收到中断命令时,回调Java来比较m值;如果发现m值已经改变,则把这次JS操作撤销掉。
本发明方案的效果示意图参见图5-7。其中,图5示出了本发明实施例浏览模式切换前后的效果对比示意图,左边是日间模式的效果图,右边是切换为夜间模式的效果图;图6示出了本发明实施例切换时执行CSS后的效果示意图,网页的文字内容和页面背景全部变暗;图7示出了本发明实施例切换时执行JS后的效果示意图,网页的文字内容已经亮化。
综上所述,利用本发明方法,在接收浏览模式切换命令后,在获取的页面中注入用于设置样式的第一代码(例如CSS)和用于调整样式的第二代码(例如JS),先执行所述第一代码进行粗调,将所述页面的文字内容和背景转换为所述第一代码设置的值,得到页面的第一显示结果;再执行所述第二代码进行细调,将所述第一显示结果的页面的文字内容和背景进行调整,得到页面的第二显示结果。因为注入的第一代码和第二代码是任何浏览器都支持的代码,只需要通过这些代码修改页面的CSS+HTML,就能简单完成从日间模式到夜间模式的切换,因此无论是系统自带内核还是含第三方内核,无论是哪个平台系统,都可以使用,通用性更强,也不占用渲染资源,而且能对于网页中的各个元素的属性进行精确的改变,夜间模式的显示效果也更好。
上述详细介绍了本发明的方法,以下介绍本发明的装置。
图8示出了本发明实施例的装置结构的第一示意图;
如图8所示,一种浏览模式切换处理装置80,包括:接收单元801、注入单元802、第一执行单元803、第二执行单元804。
接收单元801,用于接收浏览模式切换命令;
注入单元802,用于在获取的页面中注入用于设置样式的第一代码和用于调整样式的第二代码;
第一执行单元803,用于执行所述第一代码,将所述页面的文字内容和背景转换为所述第一代码设置的值,得到页面的第一显示结果;
第二执行单元804,执行所述第二代码,将所述第一显示结果的页面的文字内容和背景进行调整,得到页面的第二显示结果。
其中:
所述注入单元802具体用于在获取的页面中注入级联样式表CSS和JS,其中所述CSS设置页面的文字内容和背景全部变暗,所述JS设置文字内容变亮,背景变灰色;
第一执行单元803具体用于执行所述CSS,将所述页面的文字内容和背景转换为所述CSS设置的值,得到页面的文字内容和背景全部变暗的第一显示结果
第二执行单元804具体用于执行所述JS,将所述第一显示结果的页面的文字内容调高亮度,将所述第一样式的页面的背景调为灰色背景,得到页面的第二显示结果。
图9示出了本发明实施例的装置结构的第二示意图。
如图9所示,一种浏览模式切换处理装置90,包括:接收单元801、注入单元802、第一执行单元803、第二执行单元804、判断单元905、记录单元906、恢复单元907。其中接收单元801、注入单元802、第一执行单元803、第二执行单元804与图8中的功能的描述相同。
判断单元905,用于在所述第二执行单元804将所述第一显示结果的页面的文字内容调高亮度后,判断页面中是否存在图片及判断所述图片是否作为页面的背景;
所述第二执行单元804在所述判断单元905判断出页面不存在图片时,将页面的背景调为灰色背景,在所述判断单元905判断出页面存在图片且所述图片作为页面的背景时,将图片调为灰色背景。
记录单元906,用于记录所述页面的文字内容和背景被调整前后的值;
恢复单元907,用于在接收到中断切换或返回原有模式的命令时,根据所述记录单元906记录的值,进行恢复。
图10示出了本发明实施例的终端结构的示意图。该终端设备100包括一种浏览模式切换处理装置200,该浏览模式切换处理装置200可以为图8中的装置80或图9中的装置90,其功能和结构参见图8或图9所示。
所述终端设备100可以是任何具有网页浏览能力的终端设备,包括台式计算机、笔记本电脑、智能移动终端、苹果公司或其它公司生产的IPad产品、个人数据助理等。
这里要说明的是,本发明所述的浏览模式切换处理装置,可以利用硬件实现,也可以利用软件实现,或者可以利用软件和硬件相结合实现。比如,浏览模式切换处理装置可以利用一个或多个处理器来实现。在这种情况下,存储单元还被配置为保存用于执行浏览模式切换处理装置的功能的应用程序。一个或多个处理器被配置为在接收指令后,调用存储单元中保存的相应应用程序来执行功能。
此外,根据本发明的方法还可以被实现为由移动终端中的处理器(比如CPU)执行的计算机程序,并且存储在移动终端的存储器中。在该计算机程序被处理器执行时,执行本发明的方法中限定的上述功能。
此外,根据本发明的方法还可以实现为一种计算机程序产品,该计算机程序产品包括计算机可读介质,在该计算机可读介质上存储有用于执行本发明的方法中限定的上述功能的计算机程序。
此外,上述方法步骤以及系统单元也可以利用控制器以及用于存储使得控制器实现上述步骤或单元功能的计算机程序的计算机可读存储设备实现。
本领域技术人员还将明白的是,结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。为了清楚地说明硬件和软件的这种可互换性,已经就各种示意性组件、方块、模块、电路和步骤的功能对其进行了一般性的描述。这种功能是被实现为软件还是被实现为硬件取决于具体应用以及施加给整个系统的设计约束。本领域技术人员可以针对每种具体应用以各种方式来实现所述的功能,但是这种实现决定不应被解释为导致脱离本发明的范围。
尽管前面公开的内容示出了本发明的示例性实施例,但是应当注意,在不背离权利要求限定的本发明的范围的前提下,可以进行多种改变和修改。根据这里描述的发明实施例的方法权利要求的功能、步骤和/或动作不需以任何特定顺序执行。此外,尽管本发明的元素可以以个体形式描述或要求,但是也可以设想多个,除非明确限制为单数。
虽然如上参照图描述了根据本发明的各个实施例进行了描述,但是本领域技术人员应当理解,对上述本发明所提出的各个实施例,还可以在不脱离本发明内容的基础上做出各种改进。因此,本发明的保护范围应当由所附的权利要求书的内容确定。

Claims (10)

1.一种浏览模式切换处理方法,包括:
接收浏览模式切换命令;
在获取的页面中注入用于设置样式的第一代码和用于调整样式的第二代码;
执行所述第一代码,将所述页面的文字内容和背景转换为所述第一代码设置的值,得到页面的第一显示结果;
执行所述第二代码,将所述第一显示结果的页面的文字内容和背景进行调整,得到页面的第二显示结果。
2.根据权利要求1所述的浏览模式切换处理方法,其中,
所述在获取的页面中注入用于设置样式的第一代码和用于调整样式的第二代码包括:在获取的页面中注入级联样式表CSS和JS,其中所述CSS设置页面的文字内容和背景全部变暗,所述JS设置文字内容变亮,背景变灰色;
执行所述第一代码,将所述页面的文字内容和背景转换为所述第一代码设置的值,得到页面的第一显示结果包括:执行所述CSS,将所述页面的文字内容和背景转换为所述CSS设置的值,得到页面的文字内容和背景全部变暗的第一显示结果;
执行所述第二代码,将所述第一显示结果的页面的文字内容和背景进行调整,得到页面的第二显示结果包括:执行所述JS,将所述第一显示结果的页面的文字内容调高亮度,将页面的背景调为灰色背景,得到页面的第二显示结果。
3.根据权利要求2所述的浏览模式切换处理方法,其中,将所述第一显示结果的页面的文字内容调高亮度后,还包括:
判断页面中是否存在图片;
若否,执行将页面的背景调为灰色背景的步骤;
若是,进一步判断出所述图片作为页面的背景时,将图片调为灰色背景。
4.根据权利要求3所述的浏览模式切换处理方法,其中,根据获得的页面的节点属性中含有设定属性判断为存在图片。
5.据权利要求3或4所述的浏览模式切换处理方法,其中,根据图片的长与宽的比值大于第一阈值且图片中含有的元素个数大于第二阈值,判断出所述图片作为页面的背景。
6.根据权利要求1至4任一项所述的浏览模式切换处理方法,还包括:
记录所述页面的文字内容和背景被调整前后的值,使得在接收到中断切换或返回原有模式的命令时,根据所记录的值进行恢复。
7.一种浏览模式切换处理装置,包括:
接收单元,用于接收浏览模式切换命令;
注入单元,用于在获取的页面中注入用于设置样式的第一代码和用于调整样式的第二代码;
第一执行单元,用于执行所述第一代码,将所述页面的文字内容和背景转换为所述第一代码设置的值,得到页面的第一显示结果;
第二执行单元,执行所述第二代码,将所述第一显示结果的页面的文字内容和背景进行调整,得到页面的第二显示结果。
8.根据权利要求7所述的浏览模式切换处理装置,其中,
所述注入单元具体用于在获取的页面中注入级联样式表CSS和JS,其中所述CSS设置页面的文字内容和背景全部变暗,所述JS设置文字内容变亮,背景变灰色;
第一执行单元具体用于执行所述CSS,将所述页面的文字内容和背景转换为所述CSS设置的值,得到页面的文字内容和背景全部变暗的第一显示结果;
第二执行单元具体用于执行所述JS,将所述第一显示结果的页面的文字内容调高亮度,将所述第一样式的页面的背景调为灰色背景,得到页面的第二显示结果。
9.根据权利要求8所述的浏览模式切换处理装置,还包括:
判断单元,用于在所述第二执行单元将所述第一显示结果的页面的文字内容调高亮度后,判断页面中是否存在图片及判断所述图片是否作为页面的背景;
所述第二执行单元在所述判断单元判断出页面不存在图片时,将页面的背景调为灰色背景,在所述判断单元判断出页面存在图片且所述图片作为页面的背景时,将图片调为灰色背景。
10.根据权利要求7至9任一项所述的浏览模式切换处理装置,还包括:
记录单元,用于记录所述页面的文字内容和背景被调整前后的值;
恢复单元,用于在接收到中断切换或返回原有模式的命令时,根据所述记录单元记录的值,进行恢复。
CN201410179042.6A 2014-04-29 2014-04-29 一种浏览模式切换处理方法及装置 Active CN105094759B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201410179042.6A CN105094759B (zh) 2014-04-29 2014-04-29 一种浏览模式切换处理方法及装置
PCT/CN2014/088199 WO2015165216A1 (zh) 2014-04-29 2014-10-09 一种浏览模式切换处理方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410179042.6A CN105094759B (zh) 2014-04-29 2014-04-29 一种浏览模式切换处理方法及装置

Publications (2)

Publication Number Publication Date
CN105094759A true CN105094759A (zh) 2015-11-25
CN105094759B CN105094759B (zh) 2019-01-22

Family

ID=54358099

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410179042.6A Active CN105094759B (zh) 2014-04-29 2014-04-29 一种浏览模式切换处理方法及装置

Country Status (2)

Country Link
CN (1) CN105094759B (zh)
WO (1) WO2015165216A1 (zh)

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105446786A (zh) * 2015-12-30 2016-03-30 广东欧珀移动通信有限公司 交互界面模式切换方法及装置
CN105511717A (zh) * 2015-11-30 2016-04-20 北京京东尚科信息技术有限公司 页面显示方法和页面显示装置
CN105701165A (zh) * 2015-12-30 2016-06-22 广东欧珀移动通信有限公司 浏览器模式切换方法及切换装置
CN109614192A (zh) * 2018-12-07 2019-04-12 北京金山云网络技术有限公司 页面亮度显示方法及装置
CN111198731A (zh) * 2018-11-16 2020-05-26 北京奇虎科技有限公司 一种界面实现方法、装置、电子设备和存储介质
CN113569169A (zh) * 2021-07-29 2021-10-29 北京奇艺世纪科技有限公司 一种页面显示方法和装置
CN114138394A (zh) * 2021-12-06 2022-03-04 北京得间科技有限公司 夜间显示模式的处理方法、电子设备及计算机存储介质
WO2022252810A1 (zh) * 2021-05-31 2022-12-08 华为技术有限公司 显示模式切换方法、装置、电子设备和介质

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111930462A (zh) * 2020-08-13 2020-11-13 中国工商银行股份有限公司 Pc端全量页面灰度化方法和装置
CN112559104A (zh) * 2020-12-22 2021-03-26 北京字节跳动网络技术有限公司 一种页面样式切换方法、装置、计算机设备及存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110043696A1 (en) * 2009-08-18 2011-02-24 Sony Corporation Display device and display method
CN103258038A (zh) * 2013-05-17 2013-08-21 广州市动景计算机科技有限公司 一种浏览器和网页之间的显示模式同步方法及其装置
CN103488646A (zh) * 2012-06-13 2014-01-01 腾讯科技(深圳)有限公司 一种移动终端浏览器弱光源下浏览网页的方法及装置

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103310763B (zh) * 2013-05-30 2016-05-18 小米科技有限责任公司 一种移动设备显示状态切换的方法、装置及一种设备

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110043696A1 (en) * 2009-08-18 2011-02-24 Sony Corporation Display device and display method
CN103488646A (zh) * 2012-06-13 2014-01-01 腾讯科技(深圳)有限公司 一种移动终端浏览器弱光源下浏览网页的方法及装置
CN103258038A (zh) * 2013-05-17 2013-08-21 广州市动景计算机科技有限公司 一种浏览器和网页之间的显示模式同步方法及其装置

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105511717A (zh) * 2015-11-30 2016-04-20 北京京东尚科信息技术有限公司 页面显示方法和页面显示装置
CN105446786A (zh) * 2015-12-30 2016-03-30 广东欧珀移动通信有限公司 交互界面模式切换方法及装置
CN105701165A (zh) * 2015-12-30 2016-06-22 广东欧珀移动通信有限公司 浏览器模式切换方法及切换装置
CN105701165B (zh) * 2015-12-30 2019-08-13 Oppo广东移动通信有限公司 浏览器模式切换方法及切换装置
CN111198731A (zh) * 2018-11-16 2020-05-26 北京奇虎科技有限公司 一种界面实现方法、装置、电子设备和存储介质
CN109614192A (zh) * 2018-12-07 2019-04-12 北京金山云网络技术有限公司 页面亮度显示方法及装置
WO2022252810A1 (zh) * 2021-05-31 2022-12-08 华为技术有限公司 显示模式切换方法、装置、电子设备和介质
CN113569169A (zh) * 2021-07-29 2021-10-29 北京奇艺世纪科技有限公司 一种页面显示方法和装置
CN114138394A (zh) * 2021-12-06 2022-03-04 北京得间科技有限公司 夜间显示模式的处理方法、电子设备及计算机存储介质

Also Published As

Publication number Publication date
CN105094759B (zh) 2019-01-22
WO2015165216A1 (zh) 2015-11-05

Similar Documents

Publication Publication Date Title
CN105094759A (zh) 一种浏览模式切换处理方法及装置
CN105786924B (zh) 网页夜间模式处理方法、装置及移动终端
CN103258038B (zh) 一种浏览器和网页之间的显示模式同步方法及其装置
CN106484396B (zh) 夜间模式切换方法、装置和终端设备
CN106056530B (zh) 应用中图片内容的显示方法及装置
CN106095437B (zh) 用户界面从右到左rtl的布局方式的实现方法及装置
US20130021361A1 (en) Method and device for rendering user interface font
JP2011154689A (ja) 省電力とコンテキスト表示の表示情報変換システムおよびその装置
CN105979392A (zh) 网页显示方法和浏览器
CN104854559A (zh) 网页表单元素对齐的方法和装置
CN104268152A (zh) 一种网页展现方法和装置
CN107463307A (zh) 文档显示方法和装置
CN105069060A (zh) 一种html文档分页排版方法
WO2014082541A1 (en) Method for switching pictures of picture galleries and browser
CN105701165A (zh) 浏览器模式切换方法及切换装置
KR20230156127A (ko) 스크린 캡처 방법, 장치, 전자 장치 및 판독 가능한 저장 매체
CN107544952B (zh) 报表生成方法、装置、存储介质和计算机设备
CN109714627A (zh) 一种评论信息的渲染方法、装置及设备
CN113282212A (zh) 界面显示方法、界面显示装置和电子设备
CN103744942B (zh) 网页浏览方法及装置、网页浏览终端设备
CN104238906A (zh) 一种信息处理方法以及电子设备
CN106293658B (zh) 一种界面组件生成方法及其设备
CN107071574A (zh) 智能电视页面跳转方法
CN106231209A (zh) 一种视频详情页背景图片实现方法
CN112199149A (zh) 界面渲染方法、装置及电子设备

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right

Effective date of registration: 20200525

Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province

Patentee after: Alibaba (China) Co.,Ltd.

Address before: 510627 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping B radio 16 floor tower square

Patentee before: GUANGZHOU UCWEB COMPUTER TECHNOLOGY Co.,Ltd.

TR01 Transfer of patent right