CN108345683A - 网页显示方法、装置、终端及存储介质 - Google Patents

网页显示方法、装置、终端及存储介质 Download PDF

Info

Publication number
CN108345683A
CN108345683A CN201810178256.XA CN201810178256A CN108345683A CN 108345683 A CN108345683 A CN 108345683A CN 201810178256 A CN201810178256 A CN 201810178256A CN 108345683 A CN108345683 A CN 108345683A
Authority
CN
China
Prior art keywords
pop
webpage
white list
video elementary
target webpage
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
CN201810178256.XA
Other languages
English (en)
Other versions
CN108345683B (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.)
Guangdong Oppo Mobile Telecommunications Corp Ltd
Original Assignee
Guangdong Oppo Mobile Telecommunications Corp 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 Guangdong Oppo Mobile Telecommunications Corp Ltd filed Critical Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority to CN201810178256.XA priority Critical patent/CN108345683B/zh
Publication of CN108345683A publication Critical patent/CN108345683A/zh
Application granted granted Critical
Publication of CN108345683B publication Critical patent/CN108345683B/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
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Landscapes

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

Abstract

本申请公开了一种网页显示方法、装置、终端及存储介质,属于计算机技术领域。该方法包括:显示目标网页,所述目标网页包括视频元素;接收作用于所述目标网页的触发操作,所述触发操作用于触发在所述目标网页中显示弹窗元素;若所述目标网页是预知的白名单网页,则将所述弹窗元素显示在所述视频元素之上。本申请可以解决视频元素遮挡弹窗元素,导致该弹窗元素无法接收用户执行的操作的问题;由于视频元素显示在弹窗元素之下,此时,弹窗元素可以接收到用户执行的操作,因此,可以提高弹窗元素的可操作性。

Description

网页显示方法、装置、终端及存储介质
技术领域
本申请实施例涉及计算机技术领域,特别涉及一种网页显示方法、装置、终端及存储介质。
背景技术
随着网络技术的发展,浏览器支持显示的内容日益丰富。目前,浏览器可以支持显示视频元素。例如,Adobe公司开发的Flash可以呈现各种动画信息。
然而浏览器在呈现网页中的视频元素时,视频元素可能会被置顶显示。此时,网页后续弹出的弹窗元素可能会被视频元素遮挡,影响弹窗元素接收用户的操作。比如:在网页中弹出登录窗口时,该登录窗口被视频元素遮挡,弹窗元素无法接收用户执行的登录操作。
因此,需要一种可以解决视频元素遮挡网页中的弹窗元素的技术方案。
发明内容
本申请实施例提供的网页显示方法、装置、终端及存储介质,可以解决网页中的视频元素遮挡弹窗元素,导致弹窗元素无法接收用户执行的操作的问题。所述技术方案如下:
第一方面,提供了一种网页显示方法,所述方法包括:
显示目标网页,所述目标网页包括视频元素;
接收作用于所述目标网页的触发操作,所述触发操作用于触发在所述目标网页中显示弹窗元素;
在所述目标网页是白名单网页时,将所述弹窗元素显示在所述视频元素之上,所述白名单网页是指默认显示方式为所述弹窗元素显示在所述视频元素之下的网页。
第二方面,提供了一种网页显示装置,所述装置包括:
网页显示单元,用于显示目标网页,所述目标网页包括视频元素;
操作接收单元,用于接收作用于所述目标网页的触发操作,所述触发操作用于触发在所述目标网页中显示弹窗元素;
元素显示单元,用于在所述目标网页是白名单网页时,将所述弹窗元素显示在所述视频元素之上,所述白名单网页是指默认显示方式为所述弹窗元素显示在所述视频元素之下的网页。
第三方面,提供了一种终端,所述终端包括处理器、与所述处理器相连的存储器,以及存储在所述存储器上的程序指令,所述处理器执行所述程序指令时实现第一方面提供的网页显示方法。
第四方面,一种计算机可读介质,其上存储有程序指令,所述程序指令被处理器执行时实现第一方面提供的网页显示方法。
第五方面,一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行第一方面提供的网页显示方法。
本申请实施例提供的技术方案带来的有益效果包括:
在包括视频元素的目标网页显示弹窗元素时,若该目标网页是预知的白名单网页,通过将该弹窗元素显示在视频元素之上;可以解决视频元素遮挡弹窗元素,导致该弹窗元素无法接收用户执行的操作的问题;由于白名单网页的弹窗元素中包括默认显示方式为显示在视频元素之下的至少一个弹窗元素,通过将该至少一个弹窗元素显示在视频元素之上,使得弹窗元素可以接收到用户执行的操作,可以提高弹窗元素的可操作性。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请一个实施例提供的浏览器的结构示意图;
图2是本申请一个示例性实施例提供的网页显示方法的流程图;
图3是本申请另一个示例性实施例提供的网页显示方法的流程图;
图4是本申请一个示例性实施例提供的显示网页的示意图;
图5是本申请一个实施例提供的网页显示装置的结构方框图;
图6是本申请一个实施例提供的终端的结构方框图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
首先,对本申请涉及的若干名词进行介绍。
浏览器:是指可以显示服务器或者超级文本标记语言(HyperText MarkupLanguage,HTML)文件中的内容,并允许用户与这些内容进行交互的客户端。
可选地,本申请中的服务器用于为浏览器提供后台服务。
参考图1,浏览器包括但不限于以下组件:用户界面(User Interface)110、浏览器引擎(browser engine)120、浏览器内核(Rendering Engine)130、网络接口(Networking)140、用户界面后端(UI Backend)150、JavaScript(JS)解释器160和数据存储(DataPersistence)170。
1、用户界面110:用于供用户与浏览器之间进行交互。用户界面110包括地址输入框、后退/前进控件、书签目录等。
2、浏览器引擎120:用于查询及操作浏览器内核的接口。
3、浏览器内核130,或称渲染引擎、排版引擎、解释引擎等:用于对网页进行渲染。换句话说,浏览器内核用于将网页的代码转换为可视页面。浏览器内核决定了浏览器如何显示网页的内容(即,网页布局)以及网页的格式信息。
浏览器内核包括但不限于:Chromium(跨平台)内核、Trident内核(或称,网络探索者(Internet Explorer,IE)内核)、Gecko(跨平台)内核(或称,火狐内核)等,当然,也可以是后续开发出的浏览器内核,本实施例在此不再一一列举。
示意性地,浏览器内核130的工作过程至少包括如下几个步骤:
1)将网页的HTML代码转化成文件对象模型(Document Object Model,DOM。
其中,DOM是表示和处理一个HTML或可扩展标记语言(eXtensible MarkupLanguage,XML)文档的常用方法。由于DOM可以用于任何编程语言,因此,通过将HTML代码转化成DOM,实现了让HTML代码在不同的平台上的移植。
2)将网页的层叠样式表(Cascading Style Sheets,CSS)代码转化成CSS对象模型(CSS Object Model,CSSOM)。
其中,CSS是用来表现HTML或XML等文件样式的计算机语言。CSSOM
3)结合DOM和CSSOM,生成一棵渲染树。
渲染树包含每个节点的视觉信息。渲染树中的每一段字符串都被当做独立的渲染对象,每一个渲染对象都是其对应的DOM结构和计算所得样式的混合体,也即,渲染树是DOM树的视觉表现。
4)生成布局(layout)。
也即将渲染树的所有节点进行平面合成。
5)将布局绘制(paint)在用户界面上。
4、网络接口140:用于完成网络的调用,例如:超文本传输协议(HyperTextTransfer Protocol,HTTP)请求。
5、用户界面后端150:用于回执组合框以及对话框等组件。
6、JS解释器160:用于解释执行网页中的JS代码。
7、数据存储170:用于在存储介质中存储数据。
可选地,本申请以各个实施例的执行主体为终端中的浏览器为例进行说明。其中,终端可以是手机、平板电脑、可穿戴式设备、虚拟现实(Virtual Reality,VR)设备、增强现实(Augmented Reality,AR)设备、智能家居设备、膝上型便携计算机和台式计算机等电子设备,本实施例对此不作限定。
图2是本申请的一个示例性实施例示出的网页显示方法的流程图。该网页显示方法至少包括以下几个步骤。
步骤201,显示目标网页,该目标网页包括视频元素。
可选地,视频元素是指目标网页中用于显示视频信息的网页元素。
步骤202,接收作用于目标网页的触发操作,该触发操作用于触发在目标网页中显示弹窗元素。
可选地,弹窗元素是指:在目标网页的初始显示状态下未显示、且在该目标网页接收到触发操作时才显示的网页元素。比如:弹窗元素为帐号登录弹窗、视频分享弹窗、表情选择弹窗等。
步骤203,若目标网页是预知的白名单网页,则将弹窗元素显示在视频元素之上。
可选地,白名单网页预存在终端的内存或者缓存中,白名单网页可以是由服务器发送至终端的;或者,也可以是浏览器的安装包中携带的,本实施例对此不作限定。
可选地,白名单网页的弹窗元素中包括至少一个默认显示方式为显示在视频元素之下的弹窗元素。
综上所述,本实施例提供的网页显示方法,在包括视频元素的目标网页显示弹窗元素时,若该目标网页是预知的白名单网页,通过将该弹窗元素显示在视频元素之上;可以解决视频元素遮挡弹窗元素,导致该弹窗元素无法接收用户执行的操作的问题;由于白名单网页的弹窗元素中包括默认显示方式为显示在视频元素之下的至少一个弹窗元素,通过将该至少一个弹窗元素显示在视频元素之上,使得弹窗元素可以接收到用户执行的操作,可以提高弹窗元素的可操作性。
图3是本申请的一个示例性实施例示出的网页显示方法的流程图。该网页显示方法至少包括以下几个步骤。
步骤301,显示目标网页,该目标网页包括视频元素。
视频元素是指目标网页中用于显示视频信息的网页元素。
可选地,浏览器在地址输入框中接收到目标网页的网页地址之后,接收服务器反馈的目标网页,然后显示该目标网页;或者,浏览器在其它网页中显示目标网页的网页地址,在接收到对该网页地址的触发操作之后,接收服务器反馈的目标网页,然后显示该目标网页。当然,浏览器也可以在其它场景下显示目标网页,本实施例对此不作限定。
步骤302,接收作用于目标网页的触发操作,该触发操作用于触发在目标网页中显示弹窗元素。
可选地,目标网页包括用于触发显示弹窗元素的控件,浏览器接收作用于该控件的触发操作。
弹窗元素是指:在目标网页的初始显示状态下未显示、且在该目标网页接收到触发操作时才显示的网页元素。比如:弹窗元素为帐号登录弹窗、视频分享弹窗、表情选择弹窗等。
其中,帐号登录弹窗用于在浏览器中登录用户帐号;或者,帐号登录弹窗用于在目标网页对应的网站中登录用户帐号。
视频分享弹窗用于供用户选择分享视频信息的方式,比如:将视频信息分享给即时通信客户端中的好友、将视频信息分享给即时通信客户端的公众平台、将视频信息以短信方式分享给指定联系人等。
表情选择弹窗用于供用户选择需要输入的表情。表情选择弹窗可以包括至少一个图片表情、和/或符号表情。
步骤303,获取白名单网页集合,该白名单网页集合包括至少一个白名单网页的白名单域名。
可选地,浏览器通过网络接口从服务器中加载白名单网页集合;浏览器内核获取通过该网络接口加载到的白名单网页集合。此时,服务器中维护有白名单网页集合。可选地,服务器每隔第一预设时长对白名单网页集合进行更新。
可选地,浏览器内核获取通过网络接口加载到的白名单网页集合,包括:浏览器内核通过预设接口读取数据存储中的白名单网页集合,得到通过网络接口加载到的白名单网页集合。可选地,预设接口是开发人员添加至浏览器内核中的。
可选地,浏览器可以在启动时获取白名单网页集合;或者,浏览器可以每隔第二预设时长获取白名单网页集合。其中,第二预设时长可以与第一预设时长相同;或者,也可以与第一预设时长不同,本实施例对此不作限定。
可选地,白名单网页集合可以存储于浏览器的安装包中,在浏览器安装的过程中,该白名单网页集合被加载至浏览器的数据存储中。
可选地,本申请中,网页的类型包括两种,第一种为白名单网页,第二种为非白名单网页。其中,服务器维护的白名单网页集合中,对于每个白名单网页的弹窗元素中包括至少一个默认显示方式为显示在视频元素之下的弹窗元素。
可选地,本步骤可以在步骤301-302之前执行;或者,也可以在步骤301和302之后执行;或者,也可以与步骤301和302同时执行,本实施例对此不作限定。
步骤304,将目标网页的域名与白名单网页集合中的白名单域名进行匹配。
可选地,浏览器内核在获取到白名单网页集合之后,浏览器内核获取目标网页的域名,并将该目标网页的域名与白名单网页集合中的白名单域名一一进行匹配。在白名单网页集合包括与目标网页的域名相匹配的白名单域名时,执行步骤305;在白名单网页集合不包括与目标网页的域名相匹配的白名单域名时,以目标网页的默认显示方式显示弹窗元素。
其中,目标网页的默认显示方式携带在该目标网页的代码中。浏览器内核通过解析该目标网页的代码获取该默认显示方式,在浏览器需要以默认显示方式显示弹窗元素时,按照该默认显示方式对目标网页进行布局。
可选地,浏览器内核从目标网页的代码中获取目标网页的域名;或者,浏览器内核从用户界面的地址输入框中获取目标网页的域名;或者,浏览器内核通过网络接口获取目标网页的域名。
步骤305,在白名单网页集合包括与目标网页的域名相匹配的白名单域名时,确定弹窗元素与视频元素之间的重叠面积。
在白名单网页集合包括与目标网页的域名相匹配的白名单域名时,说明目标网页为预知的白名单网页,此时,浏览器继续确定弹窗元素与视频元素之间的重叠面积。如果弹窗元素与视频元素之间的重叠面积较大,说明视频元素遮挡弹窗元素的情况比较严重;如果弹窗元素与视频元素之间的重叠面积较小,说明弹窗元素仅有小部分被视频元素遮挡,并不影响该弹窗元素接收用户执行的操作。
步骤306,在重叠面积达到重布局标准时,将弹窗元素显示在视频元素之上。
其中,重布局标准为:重叠面积大于面积阈值;和/或,重叠面积与弹窗元素的区域面积之间的比例大于比例阈值。可选地,面积阈值和比例阈值可以是用户设置;或者,也可以是服务器指定的,本实施例不对面积阈值和比例阈值的设置方式和取值作限定。
可选地,重布局标准设置在浏览器内核中;或者,重布局标准设置在白名单网页集合中。
可选地,不同的白名单网页具有相同的重布局标准;和/或,不同的白名单网页具有不同的重布局标准。
可选地,在重叠面积达到重布局标准时,浏览器内核开启将弹窗元素显示在视频元素之上的功能,此时,浏览器内核忽略目标网页的默认显示方式,将弹窗元素显示在视频元素之上。
可选地,浏览器内核开启将弹窗元素显示在视频元素之上的功能之后,根据该功能确定弹窗元素与视频元素的布局方式,即,弹窗元素布局在视频元素上方,并按照该布局方式对弹窗元素进行渲染,即可实现将弹窗元素显示在视频元素之上。
示意性地,浏览器内核可以通过用于控制上下层位置关系的网页属性参数来控制视频元素和弹窗元素的层级关系。比如:浏览器内核通过用于控制上下层位置关系的网页属性参数将弹窗元素的层级设置在顶层,这样,弹窗元素会显示在视频元素之上。
步骤307,在取消对弹窗元素的显示时,关闭将弹窗元素显示在视频元素之上的功能。
可选地,目标网页中显示有对弹窗元素的关闭控件,在浏览器接收到对关闭控件的触发操作时,浏览器取消对弹窗元素的显示;或者,弹窗元素接收到对某一业务的任务执行操作之后,浏览器取消对弹窗元素的显示,比如:接收到分享操作、评论操作、登录操作、转发操作等。
在取消对弹窗元素的显示时,浏览器内核关闭将弹窗元素显示在视频元素之上的功能,对于后续显示的目标网页再次执行步骤301-307的步骤。
示意性地,参考图4,浏览器的目标网页中显示有视频元素401和用于对视频元素401中显示的视频信息进行分享的控件402。假设目标网页的默认显示方式为将弹窗元素显示在视频元素401之下,则在浏览器内核按照该默认显示方式显示弹窗元素,且该浏览器接收到对控件402的触发操作时,浏览器在目标网页403中显示弹窗元素404;在浏览器内核开启将弹窗元素显示在视频元素之上的功能之后,浏览器在目标网页405中显示弹窗元素404。
综上所述,本实施例提供的网页显示方法,在包括视频元素的目标网页显示弹窗元素时,若该目标网页是预知的白名单网页,通过将该弹窗元素显示在视频元素之上;可以解决视频元素遮挡弹窗元素,导致该弹窗元素无法接收用户执行的操作的问题;由于白名单网页的弹窗元素中包括默认显示方式为显示在视频元素之下的至少一个弹窗元素,通过将该至少一个弹窗元素显示在视频元素之上,使得弹窗元素可以接收到用户执行的操作,可以提高弹窗元素的可操作性。
另外,在目标网页是白名单网页时,通过确定弹窗元素与视频元素之间的重叠面积;在重叠面积达到重布局标准时,将弹窗元素显示在视频元素之上;使得浏览器在弹窗元素与视频元素之间的重叠面积较小时,无需开启将弹窗元素显示在视频元素之上的功能,在不影响弹窗元素的显示效果的情况下,节省浏览器消耗的资源。
另外,通过网络接口从服务器获取白名单网页集合,而服务器可以对该白名单网页集合进行更新,使得浏览器可以获取到动态更新的白名单网页集合,提高浏览器确定白名单网页的准确性。
另外,由于某些网页不需要将弹窗元素显示在视频元素之上,比如:弹窗元素用于显示具有骚扰性质的信息时,此时,服务器不会将这些网页添加至白名单网页集合中,若浏览器在显示目标网页之后,一直开启将弹窗元素显示在视频元素之上的功能,则不在白名单网页集合中的网页的弹窗元素也会显示在视频元素之上,此时,既降低了白名单网页集合的有效性,还可能导致在视频元素之上显示骚扰信息,影响视频信息的观看效果的问题;而本实施例通过在关闭目标网页的弹窗元素之后,关闭将弹窗元素显示在视频元素之上的功能,使得浏览器在显示其它网页的弹窗元素时,仍旧能够检测该其它网页是否是白名单网页,在是白名单网页时才会开启将弹窗元素显示在视频元素之上的功能,既可以提高白名单网页集合的有效性,还不影响视频元素的观看效果。
可选地,在实际实现时,浏览器在确定出目标网页为白名单网页时,也可以不确定弹窗元素与视频元素之间的重叠面积,而是直接将弹窗元素显示在视频元素之上,本实施例对此不作限定。
下述为本申请装置实施例,可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节,请参照本申请方法实施例。
请参考图5,其示出了本申请一个实施例提供的网页显示装置的结构方框图,该网页显示装置可通过软件、硬件或者两者的结合实现成为终端的部分或者全部。该装置可以包括:网页显示单元510、操作接收单元520和元素显示单元530。
网页显示单元510,用于显示目标网页,所述目标网页包括视频元素;
操作接收单元520,用于接收作用于所述目标网页的触发操作,所述触发操作用于触发在所述目标网页中显示弹窗元素;
元素显示单元530,用于在所述目标网页是预知的白名单网页时,将所述弹窗元素显示在所述视频元素之上。
综上所述,本实施例提供的网页显示装置,在包括视频元素的目标网页显示弹窗元素时,若该目标网页是预知的白名单网页,通过将该弹窗元素显示在视频元素之上;可以解决视频元素遮挡弹窗元素,导致该弹窗元素无法接收用户执行的操作的问题;由于白名单网页的弹窗元素中包括默认显示方式为显示在视频元素之下的至少一个弹窗元素,通过将该至少一个弹窗元素显示在视频元素之上,使得弹窗元素可以接收到用户执行的操作,可以提高弹窗元素的可操作性。
可选地,基于图5所示的网页显示装置,所述装置还包括:白名单获取单元、域名匹配单元和网页确定单元。
白名单获取单元,用于获取白名单网页集合,所述白名单网页集合包括至少一个白名单网页的白名单域名;
域名匹配单元,用于将所述目标网页的域名与所述白名单网页集合中的白名单域名进行匹配;
网页确定单元,用于在所述白名单网页集合包括与所述目标网页的域名相匹配的白名单域名时,确定所述目标网页是所述白名单网页。
可选地,所述白名单获取单元,用于:
通过网络接口从服务器中加载所述白名单网页集合;
浏览器内核获取通过所述网络接口加载到的所述白名单网页集合。
可选地,在所述目标网页是预知的白名单网页时,所述装置还包括:面积确定单元。
面积确定单元,用于确定所述弹窗元素与所述视频元素之间的重叠面积;
元素显示单元,还用于在所述重叠面积达到重布局标准时,执行所述将所述弹窗元素显示在所述视频元素之上的步骤;
其中,所述重布局标准为:所述重叠面积大于面积阈值;和/或,所述重叠面积与所述弹窗元素的区域面积之间的比例大于比例阈值。
可选地,所述装置还包括:功能关闭单元。
功能关闭单元,用于在取消对所述弹窗元素的显示时,关闭将所述弹窗元素显示在所述视频元素之上的功能。
综上所述,本实施例提供的网页显示装置,在目标网页是白名单网页时,通过确定弹窗元素与视频元素之间的重叠面积;在重叠面积达到重布局标准时,将弹窗元素显示在视频元素之上;使得浏览器在弹窗元素与视频元素之间的重叠面积较小时,无需开启将弹窗元素显示在视频元素之上的功能,在不影响弹窗元素的显示效果的情况下,节省浏览器消耗的资源。
另外,通过网络接口从服务器获取白名单网页集合,而服务器可以对该白名单网页集合进行更新,使得浏览器可以获取到动态更新的白名单网页集合,提高浏览器确定白名单网页的准确性。
另外,由于某些网页不需要将弹窗元素显示在视频元素之上,比如:弹窗元素用于显示具有骚扰性质的信息时,此时,服务器不会将这些网页添加至白名单网页集合中,若浏览器在显示目标网页之后,一直开启将弹窗元素显示在视频元素之上的功能,则不在白名单网页集合中的网页的弹窗元素也会显示在视频元素之上,此时,既降低了白名单网页集合的有效性,还可能导致在视频元素之上显示骚扰信息,影响视频信息的观看效果的问题;而本实施例通过在关闭目标网页的弹窗元素之后,关闭将弹窗元素显示在视频元素之上的功能,使得浏览器在显示其它网页的弹窗元素时,仍旧能够检测该其它网页是否是白名单网页,在是白名单网页时才会开启将弹窗元素显示在视频元素之上的功能,既可以提高白名单网页集合的有效性,还不影响视频元素的观看效果。
相关细节参考上述方法实施例。
本申请还提供一种计算机可读介质,其上存储有程序指令,程序指令被处理器执行时实现上述各个方法实施例提供的网页显示方法。
本申请还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述各个方法实施例提供的网页显示方法。
参考图6,其示出了本申请一个示例性实施例提供的终端的结构方框图。本申请中的终端可以包括一个或多个如下部件:处理器610和存储器620。
处理器610可以包括一个或者多个处理核心。处理器610利用各种接口和线路连接整个终端内的各个部分,通过运行或执行存储在存储器620内的指令、程序、代码集或指令集,以及调用存储在存储器620内的数据,执行终端的各种功能和处理数据。可选地,处理器610可以采用数字信号处理(Digital Signal Processing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programmable LogicArray,PLA)中的至少一种硬件形式来实现。处理器610可集成中央处理器(CentralProcessing Unit,CPU)和调制解调器等中的一种或几种的组合。其中,CPU主要处理操作系统和应用程序等;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器610中,单独通过一块芯片进行实现。
可选地,处理器610执行存储器620中的程序指令时实现上述各个方法实施例提供的网页显示方法。
存储器620可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory)。可选地,该存储器620包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器620可用于存储指令、程序、代码、代码集或指令集。存储器620可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令、用于实现上述各个方法实施例的指令等;存储数据区可存储根据终端的使用所创建的数据等。
需要补充说明的是,上述终端仅是示意性地,在实际实现时,终端还可以包括更少或更多的部件,比如:终端还包括触摸显示屏、通信组件、传感器组件等,本实施例在此不再一一限定。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本申请的较佳实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。

Claims (10)

1.一种网页显示方法,其特征在于,所述方法包括:
显示目标网页,所述目标网页包括视频元素;
接收作用于所述目标网页的触发操作,所述触发操作用于触发在所述目标网页中显示弹窗元素;
若所述目标网页是预知的白名单网页,则将所述弹窗元素显示在所述视频元素之上。
2.根据权利要求1所述的方法,其特征在于,若所述目标网页是预知的白名单网页,则将所述弹窗元素显示在所述视频元素之上之前,还包括:
确定所述弹窗元素与所述视频元素之间的重叠面积;
在所述重叠面积达到重布局标准时,触发执行所述将所述弹窗元素显示在所述视频元素之上的步骤;
其中,所述重布局标准为:所述重叠面积大于面积阈值;和/或,所述重叠面积与所述弹窗元素的区域面积之间的比例大于比例阈值。
3.根据权利要求1所述的方法,其特征在于,所述若所述目标网页是预知的白名单网页,则将所述弹窗元素显示在所述视频元素之上之前,还包括:
获取白名单网页集合,所述白名单网页集合包括至少一个白名单网页的白名单域名;
将所述目标网页的域名与所述白名单网页集合中的白名单域名进行匹配;
在所述白名单网页集合包括与所述目标网页的域名相匹配的白名单域名时,确定所述目标网页是所述白名单网页。
4.根据权利要求3所述的方法,其特征在于,所述获取白名单网页集合,包括:
通过网络接口从服务器中加载所述白名单网页集合;
浏览器内核获取通过所述网络接口加载到的所述白名单网页集合。
5.根据权利要求1至4任一所述的方法,其特征在于,所述将所述弹窗元素显示在所述视频元素之上之后,还包括:
在取消对所述弹窗元素的显示时,关闭将所述弹窗元素显示在所述视频元素之上的功能。
6.一种网页显示装置,其特征在于,所述装置包括:
网页显示单元,用于显示目标网页,所述目标网页包括视频元素;
操作接收单元,用于接收作用于所述目标网页的触发操作,所述触发操作用于触发在所述目标网页中显示弹窗元素;
元素显示单元,用于在所述目标网页是预知的白名单网页时,将所述弹窗元素显示在所述视频元素之上。
7.根据权利要求6所述的装置,其特征在于,在所述目标网页是预知的白名单网页时,
所述装置还包括:面积确定单元,用于确定所述弹窗元素与所述视频元素之间的重叠面积;
所述元素显示单元,还用于在所述重叠面积达到重布局标准时,执行所述将所述弹窗元素显示在所述视频元素之上的步骤;
其中,所述重布局标准为:所述重叠面积大于面积阈值;和/或,所述重叠面积与所述弹窗元素的区域面积之间的比例大于比例阈值。
8.根据权利要求6或7所述的装置,其特征在于,所述装置还包括:
功能关闭单元,用于在取消对所述弹窗元素的显示时,关闭将所述弹窗元素显示在所述视频元素之上的功能。
9.一种终端,其特征在于,所述终端包括处理器、与所述处理器相连的存储器,以及存储在所述存储器上的程序指令,所述处理器执行所述程序指令时实现如权利要求1至5任一所述的网页显示方法。
10.一种计算机可读存储介质,其特征在于,其上存储有程序指令,所述程序指令被处理器执行时实现如权利要求1至5任一所述的网页显示方法。
CN201810178256.XA 2018-03-05 2018-03-05 网页显示方法、装置、终端及存储介质 Active CN108345683B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810178256.XA CN108345683B (zh) 2018-03-05 2018-03-05 网页显示方法、装置、终端及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810178256.XA CN108345683B (zh) 2018-03-05 2018-03-05 网页显示方法、装置、终端及存储介质

Publications (2)

Publication Number Publication Date
CN108345683A true CN108345683A (zh) 2018-07-31
CN108345683B CN108345683B (zh) 2021-10-22

Family

ID=62960078

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810178256.XA Active CN108345683B (zh) 2018-03-05 2018-03-05 网页显示方法、装置、终端及存储介质

Country Status (1)

Country Link
CN (1) CN108345683B (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111124556A (zh) * 2018-10-31 2020-05-08 杭州海康威视系统技术有限公司 一种窗口操作的方法及装置
CN111459601A (zh) * 2020-04-07 2020-07-28 北京字节跳动网络技术有限公司 数据处理方法、装置、电子设备及计算机可读介质
CN112511905A (zh) * 2020-11-20 2021-03-16 Oppo广东移动通信有限公司 网页视频播放方法、移动终端、电子设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101075173A (zh) * 2006-09-14 2007-11-21 腾讯科技(深圳)有限公司 显示装置及显示方法
CN101500125A (zh) * 2008-02-03 2009-08-05 突触计算机系统(上海)有限公司 用户终端上用于在视频显示时提供用户交互的方法及装置
CN104202647A (zh) * 2014-08-08 2014-12-10 深圳市同洲电子股份有限公司 一种窗口的显示方法及设备
CN106487638A (zh) * 2015-08-26 2017-03-08 重庆西线科技有限公司 一种具有对象标记的网页微信平台新信息提醒方法及装置
CN106484705A (zh) * 2015-08-26 2017-03-08 重庆西线科技有限公司 一种在桌面显示网页微信平台新信息的方法及装置
CN106681583A (zh) * 2016-12-02 2017-05-17 广东威创视讯科技股份有限公司 重叠窗口中显示内容的处理方法和系统

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101075173A (zh) * 2006-09-14 2007-11-21 腾讯科技(深圳)有限公司 显示装置及显示方法
CN101500125A (zh) * 2008-02-03 2009-08-05 突触计算机系统(上海)有限公司 用户终端上用于在视频显示时提供用户交互的方法及装置
CN104202647A (zh) * 2014-08-08 2014-12-10 深圳市同洲电子股份有限公司 一种窗口的显示方法及设备
CN106487638A (zh) * 2015-08-26 2017-03-08 重庆西线科技有限公司 一种具有对象标记的网页微信平台新信息提醒方法及装置
CN106484705A (zh) * 2015-08-26 2017-03-08 重庆西线科技有限公司 一种在桌面显示网页微信平台新信息的方法及装置
CN106681583A (zh) * 2016-12-02 2017-05-17 广东威创视讯科技股份有限公司 重叠窗口中显示内容的处理方法和系统

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111124556A (zh) * 2018-10-31 2020-05-08 杭州海康威视系统技术有限公司 一种窗口操作的方法及装置
CN111459601A (zh) * 2020-04-07 2020-07-28 北京字节跳动网络技术有限公司 数据处理方法、装置、电子设备及计算机可读介质
CN112511905A (zh) * 2020-11-20 2021-03-16 Oppo广东移动通信有限公司 网页视频播放方法、移动终端、电子设备及存储介质

Also Published As

Publication number Publication date
CN108345683B (zh) 2021-10-22

Similar Documents

Publication Publication Date Title
US11144711B2 (en) Webpage rendering method, device, electronic apparatus and storage medium
CN110020292B (zh) 网页内容提取方法以及终端设备
US9535651B2 (en) Co-browsing systems and methods
CN105955888B (zh) 一种页面调试预览方法及系统
US10303526B2 (en) Device specific handling of user interface components
US9934206B2 (en) Method and apparatus for extracting web page content
TW201839593A (zh) 交互處理方法及裝置
CN104268229B (zh) 一种基于多进程浏览器的资源获得方法及装置
CN107229760B (zh) 存储介质、电子装置、网页内容的显示方法和装置
CN106339414A (zh) 网页渲染方法及装置
CN108304234B (zh) 一种页面展示方法及装置
CN113010827B (zh) 页面渲染方法、装置、电子设备以及存储介质
CN107045546B (zh) 一种网页处理方法、装置及智能终端
WO2022048141A1 (zh) 一种图像处理方法及装置、计算机可读存储介质
CN113703893B (zh) 一种页面渲染方法、装置、终端及存储介质
CN108345683A (zh) 网页显示方法、装置、终端及存储介质
CN109582317B (zh) 用于调试寄宿应用的方法和装置
CN103761241A (zh) 一种图片数据的上传方法和浏览器
CN115309470B (zh) 微件的加载方法、装置、设备以及存储介质
CN108319474B (zh) 一种页面信息生成方法、装置和设备
CN107358095A (zh) 一种威胁检测方法、装置及网络系统
CN112307386A (zh) 信息监控方法、系统、电子设备及计算机可读存储介质
CN108268298B (zh) 桌面图标的生成方法、装置、存储介质及电子设备
CN109002292B (zh) 一种基于网页弹出层的弹框实现方法及系统
CN116719456A (zh) 图标样式切换方法、装置、电子设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information
CB02 Change of applicant information

Address after: 523860 No. 18, Wu Sha Beach Road, Changan Town, Dongguan, Guangdong

Applicant after: OPPO Guangdong Mobile Communications Co., Ltd.

Address before: 523860 No. 18, Wu Sha Beach Road, Changan Town, Dongguan, Guangdong

Applicant before: Guangdong OPPO Mobile Communications Co., Ltd.

GR01 Patent grant
GR01 Patent grant