CN112800363A - 页面显示方法、装置、电子设备和计算机可读介质 - Google Patents

页面显示方法、装置、电子设备和计算机可读介质 Download PDF

Info

Publication number
CN112800363A
CN112800363A CN202110171335.XA CN202110171335A CN112800363A CN 112800363 A CN112800363 A CN 112800363A CN 202110171335 A CN202110171335 A CN 202110171335A CN 112800363 A CN112800363 A CN 112800363A
Authority
CN
China
Prior art keywords
performance information
configuration performance
page
display effect
component
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.)
Pending
Application number
CN202110171335.XA
Other languages
English (en)
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.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network 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 Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN202110171335.XA priority Critical patent/CN112800363A/zh
Publication of CN112800363A publication Critical patent/CN112800363A/zh
Pending legal-status Critical Current

Links

Images

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)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开的实施例公开了页面显示方法、装置、电子设备和计算机可读介质。该方法的一具体实施方式包括:访问预先创建的网页视图对应的预设变量以使目标页面获取该配置性能信息;以预先设定的形式访问该目标页面以使该页面组件获取该终端的配置性能信息;根据该页面组件所获取的该配置性能信息,确定该终端对应的表征该目标页面的渲染程度的显示效果级别;确定与该显示效果级别对应的组件集,通过渲染该组件集以对该目标页面进行显示。该实施方式可以依据该终端的配置性能信息来简便、准确的确定该终端可支持的组件集,进而,通过渲染该组件集可以展现该终端允许支持的显示效果,极大地提高了用户体验。

Description

页面显示方法、装置、电子设备和计算机可读介质
技术领域
本公开的实施例涉及计算机技术领域,具体涉及页面显示方法、组件渲染方法、装置、电子设备和计算机可读介质。
背景技术
随着移动互联网和前端页面的快速发展,越来越多的移动终端使用网络页面作为页面的呈现方式,网络页面中需要渲染的组件也由于技术的不断迭代而变得越来越复杂,进而,对移动端设备的配置性能的要求也越来越高。
由于不同移动终端的配置性能参差不齐,存在移动终端不支持渲染、已提供给上述移动终端的组件集的问题。因此,需求一种能够通过移动终端的配置性能信息来准确地确定出该移动终端允许支持的需要渲染的组件。
发明内容
本公开的内容部分用于以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。本公开的内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
本公开的一些实施例提出了页面显示方法、装置、设备和计算机可读介质,来解决以上背景技术部分提到的技术问题。
第一方面,本公开的一些实施例提供了一种页面显示方法,该方法包括:访问预先创建的网页视图对应的预设变量以使目标页面获取上述配置性能信息;其中,上述配置性能信息是预先存入上述预设变量中的终端的配置信息,上述网页视图用于显示上述目标页面;以预先设定的形式访问上述目标页面以使上述页面组件获取上述终端的配置性能信息;根据上述页面组件所获取的上述配置性能信息,确定上述终端对应的表征上述目标页面的渲染程度的显示效果级别;确定与上述显示效果级别对应的组件集,通过渲染上述组件集以对上述目标页面进行显示。
第二方面,本公开的一些实施例提供了一种页面显示装置,装置包括:第一访问单元,被配置成访问预先创建的网页视图对应的预设变量以使目标页面获取上述配置性能信息;其中,上述配置性能信息是预先存入上述预设变量中的终端的配置信息,上述网页视图用于显示上述目标页面;第二访问单元,被配置成以预先设定的形式访问上述目标页面以使上述页面组件获取上述终端的配置性能信息;第一确定单元,被配置成根据上述页面组件所获取的上述配置性能信息,确定上述终端对应的表征上述目标页面的渲染程度的显示效果级别;第二确定单元,被配置成确定与上述显示效果级别对应的组件集,通过渲染上述组件集以对上述目标页面进行显示。
第三方面,本公开的一些实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如第一方面中任一的方法。
第四方面,本公开的一些实施例提供了一种计算机可读介质,其上存储有计算机程序,其中,程序被处理器执行时实现如第一方面中任一的方法。
本公开的上述各个实施例中的多个实施例具有如下有益效果:首先,访问预先创建的网页视图对应的预设变量以用于后续目标页面获取上述配置性能信息。其中,上述配置性能信息是预先存入上述预设变量中的终端的配置信息,上述网页视图用于显示上述目标页面。然后,以预先设定的形式访问上述目标页面以用于后续上述页面组件获取上述终端的配置性能信息。进而,根据上述页面组件所获取的上述配置性能信息,来简便、准确的确定上述终端对应的表征上述目标页面的渲染程度的显示效果级别。最后,确定与上述显示效果级别对应的组件集,通过渲染上述组件集以对上述目标页面进行显示,使得渲染该组件集来展现该当前设备允许支持的显示效果以供用户选择,极大提高了用户体验。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。
图1是本公开的一些实施例的页面显示方法的一个应用场景图的示意图;
图2是根据本公开的页面显示方法一些实施例的流程图;
图3是根据本公开的页面显示方法一些实施例的流程图;
图4-5是根据本公开的一些实施例的对组件进行渲染的一些应用场景的示意图;
图6是根据本公开的页面显示装置的一些实施例的结构示意图;
图7是适于用来实现本公开的一些实施例的电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例。相反,提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。在不冲突的情况下,本公开中的实施例及实施例中的特征可以相互组合。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
下面将参考附图并结合实施例来详细说明本公开。
图1是本公开的一些实施例的页面显示方法的一个应用场景图的示意图。
如图1所示,终端设备101可以首先访问预先创建的网页视图102对应的预设变量103以使目标页面105获取上述配置性能信息104。其中,上述配置性能信息104是预先存入上述预设变量103中的终端设备101的配置信息,上述网页视图102可以用于显示上述目标页面105。作为示例,上述配置性能信息104可以是“中央处理器(CPU):4核,显卡:4G,内存:64G”。然后,以预先设定的形式访问上述目标页面105以使上述页面组件106可以获取上述终端设备101的配置性能信息104。进而,根据上述页面组件106所获取的上述配置性能信息104,确定上述终端设备101对应的表征上述目标页面105的渲染程度的显示效果级别。作为示例,上述显示效果级别可以是:第一显示效果级别107、第二显示效果级别108、第三显示效果级别109、第四显示效果级别110。可选的,根据上述页面组件106所获取的上述配置性能信息104,可以确定上述终端设备101对应的表征上述目标页面105的渲染程度的显示效果级别为第二显示效果级别108。最后,确定与上述显示效果级别对应的组件集111,通过渲染上述组件集111以对上述目标页面105进行显示。
可以理解的是,页面显示方法可以是由终端设备101来执行,或者也可以是由计算设备来执行,上述方法的执行主体还可以包括上述终端设备101与上述计算设备通过网络相集成所构成的设备,或者还可以是各种软件程序来执行。其中,终端设备101可以是具有信息处理能力的各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、膝上型便携计算机和台式计算机等。执行主体也可以体现为计算设备、软件等。当执行主体为软件时,可以安装在上述所列举的电子设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
应该理解,图1中的终端设备的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备。
继续参考图2,示出了根据本公开的页面显示方法的一些实施例的流程200。该页面显示方法,包括以下步骤:
步骤201,访问预先创建的网页视图对应的预设变量以使目标页面获取上述配置性能信息。
在一些实施例中,页面显示方法的执行主体(例如图1所示的终端设备101)可以访问预先创建的网页视图对应的预设变量以使目标页面获取上述配置性能信息。其中,上述配置性能信息可以是预先存入上述预设变量中的、终端的配置信息,上述网页视图用于显示上述目标页面。上述网页视图通常内嵌在客户端的应用程序(App,Application)中。上述网页视图(Webview)可以用来展示网页的视图(view)组件,该组件是运行浏览器或者在线程中展示线上内容的基础。网页视图(Webview)可以通过使用渲染引擎(webkit)来展示。上述配置性能信息可以包括:终端设备所使用的CPU的类型、显卡的类型和内存的大小。例如,终端设备所使用的CPU的类型是4核,显卡为4G显卡,内存为64G。作为示例,上述预设变量可以是window.deviceConfiguration变量。
在一些实施例的一些可选的实现方式中,在步骤201之前,步骤还包括:
根据上述终端的操作系统的类型,调用对应的函数集获取上述终端的配置性能信息。作为示例,响应于上述终端的操作系统的为苹果移动设备操作系统(iOS),可以通过untime class调用C++的sysctlbyname('hw.ncpu'...)方法获取终端的配置性能信息。作为另一个示例,响应于上述终端的操作系统的为安卓操作系统,可以通过Runtime class获取终端的配置性能信息。
步骤202,以预先设定的形式访问上述目标页面以使上述页面组件获取上述终端的配置性能信息。
在一些实施例中,上述执行主体可以以预先设定的形式访问上述目标页面以使上述页面组件获取上述终端的配置性能信息。其中,上述页面组件可以用于确定组件库中渲染哪些组件可以达到页面所需要的显示效果,即,上述页面组件可以执行上述组件库中组件的匹配逻辑。
作为示例,上述执行主体可以以{key(键):value(值)}的形式访问上述目标页面以使上述页面组件获取上述终端的配置性能信息。
步骤203,根据上述页面组件所获取的上述配置性能信息,确定上述终端对应的表征上述目标页面的渲染程度的显示效果级别。
在一些实施例中,上述执行主体可以根据上述页面组件所获取的上述配置性能信息,通过各种方式来确定上述终端对应的表征上述目标页面的渲染程度的显示效果级别。上述显示效果级别表征上述目标页面的渲染程度。作为示例,上述显示效果级别可以包括:低级显示效果级别、中级显示效果级别、高级显示效果级别。
步骤204,确定与上述显示效果级别对应的组件集,通过渲染上述组件集以对上述目标页面进行显示。
在一些实施例中,上述执行主体可以确定与上述显示效果级别对应的组件集,通过渲染上述组件集以对上述目标页面进行显示。作为示例,通过查询表征显示效果级别与各个组件之间映射关系的表来确定与上述显示效果级别对应的组件集,通过渲染上述组件集以对上述目标页面进行显示。其中,上述表可以是由人工预先构建的。
本公开的上述各个实施例中的多个实施例具有如下有益效果:首先,访问预先创建的网页视图对应的预设变量以用于后续目标页面获取上述配置性能信息。其中,上述配置性能信息是预先存入上述预设变量中的终端的配置信息,上述网页视图用于显示上述目标页面。然后,以预先设定的形式访问上述目标页面以用于后续上述页面组件获取上述终端的配置性能信息。进而,根据上述页面组件所获取的上述配置性能信息,来简便、准确的确定上述终端对应的表征上述目标页面的渲染程度的显示效果级别。最后,确定与上述显示效果级别对应的组件集,通过渲染上述组件集以对上述目标页面进行显示,使得渲染该组件集来展现该当前设备允许支持的显示效果以供用户选择,极大提高了用户体验。
继续参考图3,示出了根据本公开的页面显示方法的一些实施例的流程300。该页面显示方法,包括以下步骤:
步骤301,访问预先创建的网页视图对应的预设变量以使目标页面获取上述配置性能信息。
步骤302,以预先设定的形式访问上述目标页面以使上述页面组件获取上述终端的配置性能信息。
步骤303,根据上述页面组件所获取的上述配置性能信息,利用配置性能要求信息,确定上述终端对应的显示效果级别。
在一些实施例中,执行主体(如图1中的终端设备101)可以根据上述页面组件所获取的上述配置性能信息,利用配置性能要求信息,通过查询的方式来确定上述终端对应的显示效果级别。其中,上述配置性能要求信息包括至少一个配置性能信息与显示效果级别集合之间的映射关系。
在一些实施例的一些可选的实现方式中,上述根据上述页面组件所获取的上述配置性能信息,利用配置性能要求信息,确定上述终端对应的显示效果级别,可以包括以下步骤:
第一步,确定上述至少一个配置性能信息中是否存在配置性能比上述终端的配置性能信息低的配置性能信息集合。其中,上述至少一个配置性能信息中的配置性能信息是由不同CPU类型、不同显卡类型和不同内存大小等参数搭配出来的配置性能信息。上述至少一个配置性能信息可以表征着当前不同配置类型的移动设备。
第二步,响应于存在上述配置性能信息集合,从上述配置性能信息集合中选出配置性能满足预定条件的目标配置性能信息。
作为示例,响应于存在上述配置性能信息结合,上述执行主体可以从上述配置性能信息集合中选出配置性能最高配置性能信息作为目标配置性能信息。
第三步,利用上述配置性能要求信息,将上述目标配置性能信息对应的显示效果级别作为上述终端对应的显示效果级别。
作为示例,如图4和图5所示,上述至少一个配置性能信息包括:第一配置性能信息401、第二配置性能信息402、第三配置性能信息403、第四配置性能信息404、第五配置性能信息405。其中,上述第一配置性能信息401可以是“CPU:2核,显卡:2G,内存:8G”。上述第一配置性能信息401与第一显示效果级别406相对应。上述第一显示效果级别406可以在目标页面上提供呈现电视按钮以供点击电视按钮进入到相关电视频道的功能。上述第二配置性能信息402可以是“CPU:4核,显卡:4G,内存:14G”。上述第二配置性能信息402与第二显示效果级别407相对应。上述第二显示效果级别407可以是在目标页面上提供呈现电视按钮和收音机按钮以供点击电视按钮进入到相关电视频道和点击收音机按钮进入到相关收音频道的功能。上述第三配置性能信息403可以是“CPU:4核,显卡:4G,内存:44G”。上述第三配置性能信息403与第三显示效果级别408相对应。上述第三显示效果级别408可以是在目标页面上提供呈现电视按钮、收音机按钮和数据线按钮以供点击电视按钮进入到相关电视频道、点击收音机按钮进入到相关收音频道和点击数据线按钮以进行数据传输的按钮。上述第四配置性能信息404可以是“CPU:8核,显卡:4G,内存:44G”。上述第四配置性能信息404与第四显示效果级别409相对应。上述第四显示效果级别409可以是在目标页面上呈现电视按钮、收音机按钮、数据线按钮和音乐按钮以供点击电视按钮进入到相关电视频道、点击收音机按钮进入到相关收音频道、点击数据线按钮以进行数据传输和点击音乐按钮以进行查看和听取相关音乐的功能。上述第五配置性能信息405可以是“CPU:8核,显卡:8G,内存:254G”。上述第五配置性能信息405与第五显示效果级别410相对应。上述第五显示效果级别410可以是在目标页面上呈现电视按钮、收音机按钮、数据线按钮、游戏按钮、电话按钮和音乐按钮以供点击电视按钮进入到相关电视频道、点击收音机按钮进入到相关收音频道、点击数据线按钮以进行数据传输、点击游戏按钮以进行查看和进行相关游戏、点击电话按钮以进行相关通信和点击音乐按钮以进行查看和听取相关音乐的功能。
进一步的,上述执行主体可以从至少一个配置性能信息中确定是否存在配置性能比上述终端的配置性能信息501低的配置性能信息集合。综合图4所示的至少一个配置性能信息,可以确定配置性能信息集合包括:第一配置性能信息401和第二配置性能信息402。故而,对应的显示效果级别分别为第一显示效果级别406和第二显示效果级别407。进而,可以将上述目标配置性能信息确定为第二配置性能信息402。
可选的,上述步骤还包括:响应于不存在上述配置性能信息集合,将与备选配置性能信息对应的备选显示效果级别确定为上述终端对应的显示效果级别。其中,上述备选配置性能信息是预先设定的。
可选的,上述配置性能要求信息是通过以下步骤生成的:
第一步,确定上述目标页面所能展示的页面元素集。
第二步,确定与上述页面元素集相对应的组件集。
第三步,确定上述组件集中各个组件所对应的配置性能信息。
第四步,根据上述页面元素集,确定显示效果级别集。作为示例,可以通过对页面元素集中各个页面元素依照预定条件组合确定显示效果级别集。
第五步,根据上述各个组件所对应的配置性能信息,确定各个显示效果级别分别对应的配置性能信息。其中,可以首先确定每个显示效果级别对应的页面元素集。然后,确定上述对应的页面元素集相关的组件集。最后,通过每个显示效果级别对应的页面元素集可以确定各个显示效果级别分别对应的配置性能信息。
第六步,将上述各个显示效果级别与上述各个显示效果级别分别对应的配置性能信息之间的映射关系确定为上述配置性能要求信息。
可选的,上述确定上述组件集中各个组件所对应的配置性能信息,可以是:使用不同配置性能信息的终端测试上述各个组件下的性能表现来确定上述组件集中各个组件所对应的配置性能信息。
可选的,上述确定上述组件集中各个组件所对应的配置性能信息,可以包括以下步骤:
第一步,获取各个用户的页面展示效果数据集。
第二步,确定上述各个用户所使用的终端的配置性能信息。
第三步,根据上述各个用户的页面展示效果数据集和上述各个用户所使用的终端的配置性能信息,确定上述组件集中各个组件所对应的配置性能信息。作为示例,上述执行主体可以通过解析上述各个用户的页面展示效果数据集和上述各个用户所使用的终端的配置性能信息来确定上述组件集中各个组件所对应的配置性能信息。
步骤304,确定与上述显示效果级别对应的组件集,通过渲染上述组件集以对上述目标页面进行显示。
在一些实施例中,上述执行主体可以确定与上述显示效果级别对应的组件集,通过渲染上述组件集以对上述目标页面进行显示。
在一些实施例中,步骤301、302和304的具体实现及所带来的技术效果可以参考图2对应的那些实施例中的步骤201、202和204,在此不再赘述。
从图3中可以看出,与图2对应的一些实施例的描述相比,图3对应的一些实施例中的页面显示方法的流程300更加突出了确定确定上述终端对应的表征上述目标页面的渲染程度的显示效果级别的具体步骤。由此,这些实施例描述的方案可以依据该终端的显示效果级别更为精准的确定该终端可支持的组件集,进而,通过渲染该组件集可以展现该终端允许支持的显示效果,极大地提高了用户体验。
继续参考图6,作为对上述各图上述方法的实现,本公开提供了一种页面显示装置的一些实施例,这些装置实施例与图2上述的那些方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图6所示,一些实施例的页面显示装置600包括:第一访问单元601、第二访问单元602、第一确定单元603和第二确定单元604。其中,第一访问单元601,被配置成访问预先创建的网页视图对应的预设变量以使目标页面获取上述配置性能信息;其中,上述配置性能信息是预先存入上述预设变量中的终端的配置信息,上述网页视图用于显示上述目标页面。第二访问单元602,被配置成以预先设定的形式访问上述目标页面以使上述页面组件获取上述终端的配置性能信息。第一确定单元603,被配置成根据上述页面组件所获取的上述配置性能信息,确定上述终端对应的表征上述目标页面的渲染程度的显示效果级别。第二确定单元604,被配置成确定与上述显示效果级别对应的组件集,通过渲染上述组件集以对上述目标页面进行显示。
在一些实施例的一些可选的实现方式中,装置600还可以包括:调用单元(图中未示出)。其中,调用单元可以被配置成根据上述终端的操作系统的类型,调用对应的函数集获取上述终端的配置性能信息。
在一些实施例的一些可选的实现方式中,第一确定单元603可以进一步被配置成:根据上述页面组件所获取的上述配置性能信息,利用配置性能要求信息,确定上述终端对应的显示效果级别;其中,上述配置性能要求信息包括至少一个配置性能信息与显示效果级别集合之间的映射关系。
在一些实施例的一些可选的实现方式中,第一确定单元603可以进一步被配置成:确定上述至少一个配置性能信息中是否存在配置性能比上述终端的配置性能信息低的配置性能信息集合;响应于存在上述配置性能信息集合,从上述配置性能信息集合中选出配置性能满足预定条件的目标配置性能信息;利用上述配置性能要求信息,将上述目标配置性能信息对应的显示效果级别作为上述终端对应的显示效果级别。
在一些实施例的一些可选的实现方式中,第一确定单元603可以进一步被配置成:响应于不存在上述配置性能信息集合,将与备选配置性能信息对应的备选显示效果级别确定为上述终端对应的显示效果级别;其中,上述备选配置性能信息是预先设定的。
可以理解的是,该装置600中记载的诸单元与参考图2描述的方法中的各个步骤相对应。由此,上文针对方法描述的操作、特征以及产生的有益效果同样适用于装置600及其中包含的单元,在此不再赘述。
下面参考图7,其示出了适于用来实现本公开的一些实施例的电子设备(例如图1的终端设备)700的结构示意图。图7示出的电子设备仅仅是一个示例,不应对本公开的实施例的功能和使用范围带来任何限制。
如图7所示,电子设备700可以包括处理装置(例如中央处理器、图形处理器等)701,其可以根据存储在只读存储器(ROM)702中的程序或者从存储装置708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM 703中,还存储有电子设备700操作所需的各种程序和数据。处理装置701、ROM 702以及RAM703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
通常,以下装置可以连接至I/O接口705:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置706;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置707;包括例如磁带、硬盘等的存储装置708;以及通信装置709。通信装置709可以允许电子设备700与其他设备进行无线或有线通信以交换数据。虽然图7示出了具有各种装置的电子设备700,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图7中示出的每个方框可以代表一个装置,也可以根据需要代表多个装置。
特别地,根据本公开的一些实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的一些实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的一些实施例中,该计算机程序可以通过通信装置709从网络上被下载和安装,或者从存储装置708被安装,或者从ROM 702被安装。在该计算机程序被处理装置701执行时,执行本公开的一些实施例的方法中限定的上述功能。
需要说明的是,本公开的一些实施例上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的一些实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的一些实施例中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述装置中所包含的;也可以是单独存在,而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:访问预先创建的网页视图对应的预设变量以使目标页面获取上述配置性能信息;其中,上述配置性能信息是预先存入上述预设变量中的终端的配置信息,上述网页视图用于显示上述目标页面;以预先设定的形式访问上述目标页面以使上述页面组件获取上述终端的配置性能信息;根据上述页面组件所获取的上述配置性能信息,确定上述终端对应的表征上述目标页面的渲染程度的显示效果级别;确定与上述显示效果级别对应的组件集,通过渲染上述组件集以对上述目标页面进行显示。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的一些实施例的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开的一些实施例中的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括第一访问单元、第二访问单元、第一确定单元和第二确定单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,第一访问单元还可以被描述为“访问预先创建的网页视图对应的预设变量以使目标页面获取上述配置性能信息的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
根据本公开的一个或多个实施例,提供了一种页面显示方法,包括:访问预先创建的网页视图对应的预设变量以使目标页面获取上述配置性能信息;其中,上述配置性能信息是预先存入上述预设变量中的终端的配置信息,上述网页视图用于显示上述目标页面;以预先设定的形式访问上述目标页面以使上述页面组件获取上述终端的配置性能信息;根据上述页面组件所获取的上述配置性能信息,确定上述终端对应的表征上述目标页面的渲染程度的显示效果级别;确定与上述显示效果级别对应的组件集,通过渲染上述组件集以对上述目标页面进行显示。
根据本公开的一个或多个实施例,在上述访问预先创建的网页视图对应的预设变量以使目标页面获取上述配置性能信息之前,上述方法还包括:根据上述终端的操作系统的类型,调用对应的函数集获取上述终端的配置性能信息。
根据本公开的一个或多个实施例,上述根据上述页面组件所获取的上述配置性能信息,确定上述终端对应的表征上述目标页面的渲染程度的显示效果级别,包括:根据上述页面组件所获取的上述配置性能信息,利用配置性能要求信息,确定上述终端对应的显示效果级别;其中,上述配置性能要求信息包括至少一个配置性能信息与显示效果级别集合之间的映射关系。
根据本公开的一个或多个实施例,上述根据上述页面组件所获取的上述配置性能信息,利用配置性能要求信息,确定上述终端对应的显示效果级别,包括:确定上述至少一个配置性能信息中是否存在配置性能比上述终端的配置性能信息低的配置性能信息集合;响应于存在上述配置性能信息集合,从上述配置性能信息集合中选出配置性能满足预定条件的目标配置性能信息;利用上述配置性能要求信息,将上述目标配置性能信息对应的显示效果级别作为上述终端对应的显示效果级别。
根据本公开的一个或多个实施例,上述方法还包括:响应于不存在上述配置性能信息集合,将与备选配置性能信息对应的备选显示效果级别确定为上述终端对应的显示效果级别;其中,上述备选配置性能信息是预先设定的。
根据本公开的一个或多个实施例,上述配置性能要求信息是通过以下步骤生成的:确定上述目标页面所能展示的页面元素集;确定与上述页面元素集相对应的组件集;确定上述组件集中各个组件所对应的配置性能信息;根据上述页面元素集,确定显示效果级别集;根据上述各个组件所对应的配置性能信息,确定各个显示效果级别分别对应的配置性能信息;将上述各个显示效果级别与上述各个显示效果级别分别对应的配置性能信息之间的映射关系确定为上述配置性能要求信息。
根据本公开的一个或多个实施例,上述确定上述组件集中各个组件所对应的配置性能信息,包括:使用不同配置性能信息的终端测试上述各个组件下的性能表现来确定上述组件集中各个组件所对应的配置性能信息。
根据本公开的一个或多个实施例,上述确定上述组件集中各个组件所对应的配置性能信息,包括:获取各个用户的页面展示效果数据集;确定上述各个用户所使用的终端的配置性能信息;根据上述各个用户的页面展示效果数据集和上述各个用户所使用的终端的配置性能信息,确定上述组件集中各个组件所对应的配置性能信息。
根据本公开的一个或多个实施例,提供了一种页面显示装置,包括:第一访问单元,被配置成访问预先创建的网页视图对应的预设变量以使目标页面获取上述配置性能信息;其中,上述配置性能信息是预先存入上述预设变量中的终端的配置信息,上述网页视图用于显示上述目标页面;第二访问单元,被配置成以预先设定的形式访问上述目标页面以使上述页面组件获取上述终端的配置性能信息;第一确定单元,被配置成根据上述页面组件所获取的上述配置性能信息,确定上述终端对应的表征上述目标页面的渲染程度的显示效果级别;第二确定单元,被配置成确定与上述显示效果级别对应的组件集,通过渲染上述组件集以对上述目标页面进行显示。
根据本公开的一个或多个实施例,装置还可以包括:调用单元(图中未示出)。其中,调用单元可以被配置成根据上述终端的操作系统的类型,调用对应的函数集获取上述终端的配置性能信息。
根据本公开的一个或多个实施例,第一确定单元可以进一步被配置成:根据上述页面组件所获取的上述配置性能信息,利用配置性能要求信息,确定上述终端对应的显示效果级别;其中,上述配置性能要求信息包括至少一个配置性能信息与显示效果级别集合之间的映射关系。
根据本公开的一个或多个实施例,第一确定单元可以进一步被配置成:确定上述至少一个配置性能信息中是否存在配置性能比上述终端的配置性能信息低的配置性能信息集合;响应于存在上述配置性能信息集合,从上述配置性能信息集合中选出配置性能满足预定条件的目标配置性能信息;利用上述配置性能要求信息,将上述目标配置性能信息对应的显示效果级别作为上述终端对应的显示效果级别。
根据本公开的一个或多个实施例,第一确定单元可以进一步被配置成:响应于不存在上述配置性能信息集合,将与备选配置性能信息对应的备选显示效果级别确定为上述终端对应的显示效果级别;其中,上述备选配置性能信息是预先设定的。
根据本公开的一个或多个实施例,提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如上述任一实施例描述的方法。
根据本公开的一个或多个实施例,提供了一种计算机可读介质,其上存储有计算机程序,其中,程序被处理器执行时实现如上述任一实施例描述的方法。
以上描述仅为本公开的一些较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开的实施例中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (11)

1.一种页面显示方法,包括:
访问预先创建的网页视图对应的预设变量以使目标页面获取所述配置性能信息;其中,所述配置性能信息是预先存入所述预设变量中的终端的配置信息,所述网页视图用于显示所述目标页面;
以预先设定的形式访问所述目标页面以使所述页面组件获取所述终端的配置性能信息;
根据所述页面组件所获取的所述配置性能信息,确定所述终端对应的表征所述目标页面的渲染程度的显示效果级别;
确定与所述显示效果级别对应的组件集,通过渲染所述组件集以对所述目标页面进行显示。
2.根据权利要求1所述的方法,其中,在所述访问预先创建的网页视图对应的预设变量以使目标页面获取所述配置性能信息之前,所述方法还包括:
根据所述终端的操作系统的类型,调用对应的函数集获取所述终端的配置性能信息。
3.根据权利要求1所述的方法,其中,所述根据所述页面组件所获取的所述配置性能信息,确定所述终端对应的表征所述目标页面的渲染程度的显示效果级别,包括:
根据所述页面组件所获取的所述配置性能信息,利用配置性能要求信息,确定所述终端对应的显示效果级别;其中,所述配置性能要求信息包括至少一个配置性能信息与显示效果级别集合之间的映射关系。
4.根据权利要求3所述的方法,其中,所述根据所述页面组件所获取的所述配置性能信息,利用配置性能要求信息,确定所述终端对应的显示效果级别,包括:
确定所述至少一个配置性能信息中是否存在配置性能比所述终端的配置性能信息低的配置性能信息集合;
响应于存在所述配置性能信息集合,从所述配置性能信息集合中选出配置性能满足预定条件的目标配置性能信息;
利用所述配置性能要求信息,将所述目标配置性能信息对应的显示效果级别作为所述终端对应的显示效果级别。
5.根据权利要求4所述的方法,其中,所述方法还包括:
响应于不存在所述配置性能信息集合,将与备选配置性能信息对应的备选显示效果级别确定为所述终端对应的显示效果级别;其中,所述备选配置性能信息是预先设定的。
6.根据权利要求3所述的方法,其中,所述配置性能要求信息是通过以下步骤生成的:
确定所述目标页面所能展示的页面元素集;
确定与所述页面元素集相对应的组件集;
确定所述组件集中各个组件所对应的配置性能信息;
根据所述页面元素集,确定显示效果级别集;
根据所述各个组件所对应的配置性能信息,确定各个显示效果级别分别对应的配置性能信息;
将所述各个显示效果级别与所述各个显示效果级别分别对应的配置性能信息之间的映射关系确定为所述配置性能要求信息。
7.根据权利要求6所述的方法,其中,所述确定所述组件集中各个组件所对应的配置性能信息,包括:
使用不同配置性能信息的终端测试所述各个组件下的性能表现来确定所述组件集中各个组件所对应的配置性能信息。
8.根据权利要求6所述的方法,其中,所述确定所述组件集中各个组件所对应的配置性能信息,包括:
获取各个用户的页面展示效果数据集;
确定所述各个用户所使用的终端的配置性能信息;
根据所述各个用户的页面展示效果数据集和所述各个用户所使用的终端的配置性能信息,确定所述组件集中各个组件所对应的配置性能信息。
9.一种页面显示装置,包括:
第一访问单元,被配置成访问预先创建的网页视图对应的预设变量以使目标页面获取所述配置性能信息;其中,所述配置性能信息是预先存入所述预设变量中的终端的配置信息,所述网页视图用于显示所述目标页面;
第二访问单元,被配置成以预先设定的形式访问所述目标页面以使所述页面组件获取所述终端的配置性能信息;
第一确定单元,被配置成根据所述页面组件所获取的所述配置性能信息,确定所述终端对应的表征所述目标页面的渲染程度的显示效果级别;
第二确定单元,被配置成确定与所述显示效果级别对应的组件集,通过渲染所述组件集以对所述目标页面进行显示。
10.一种电子设备,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现如权利要求1-8中任一所述的方法。
11.一种计算机可读介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现如权利要求1-8中任一所述的方法。
CN202110171335.XA 2021-02-04 2021-02-04 页面显示方法、装置、电子设备和计算机可读介质 Pending CN112800363A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110171335.XA CN112800363A (zh) 2021-02-04 2021-02-04 页面显示方法、装置、电子设备和计算机可读介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110171335.XA CN112800363A (zh) 2021-02-04 2021-02-04 页面显示方法、装置、电子设备和计算机可读介质

Publications (1)

Publication Number Publication Date
CN112800363A true CN112800363A (zh) 2021-05-14

Family

ID=75814783

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110171335.XA Pending CN112800363A (zh) 2021-02-04 2021-02-04 页面显示方法、装置、电子设备和计算机可读介质

Country Status (1)

Country Link
CN (1) CN112800363A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113434800A (zh) * 2021-06-28 2021-09-24 青岛海尔科技有限公司 数据处理方法及装置
CN113810738A (zh) * 2021-11-17 2021-12-17 畅捷通信息技术股份有限公司 一种基于集线器渲染‘伪’b端的方法、装置及存储介质

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109240912A (zh) * 2018-08-14 2019-01-18 平安普惠企业管理有限公司 一种基于大数据分析的网页应用的性能评估方法及终端
CN110244985A (zh) * 2018-03-09 2019-09-17 优酷网络技术(北京)有限公司 一种视图渲染方法、计算机存储介质及终端设备
CN111104635A (zh) * 2019-12-23 2020-05-05 上海众源网络有限公司 一种表格网页的生成方法和装置
CN111767051A (zh) * 2020-06-30 2020-10-13 平安国际智慧城市科技股份有限公司 一种网络页面的渲染方法及设备
CN112015408A (zh) * 2020-07-08 2020-12-01 广州乐摇摇信息科技有限公司 组件渲染方法、装置、存储介质及电子装置
CN112068873A (zh) * 2019-06-10 2020-12-11 腾讯科技(深圳)有限公司 网页生成方法、装置、服务器及存储介质
CN112148417A (zh) * 2020-10-28 2020-12-29 北京城市网邻信息技术有限公司 页面调整方法、装置、电子设备和计算机可读介质

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110244985A (zh) * 2018-03-09 2019-09-17 优酷网络技术(北京)有限公司 一种视图渲染方法、计算机存储介质及终端设备
CN109240912A (zh) * 2018-08-14 2019-01-18 平安普惠企业管理有限公司 一种基于大数据分析的网页应用的性能评估方法及终端
CN112068873A (zh) * 2019-06-10 2020-12-11 腾讯科技(深圳)有限公司 网页生成方法、装置、服务器及存储介质
CN111104635A (zh) * 2019-12-23 2020-05-05 上海众源网络有限公司 一种表格网页的生成方法和装置
CN111767051A (zh) * 2020-06-30 2020-10-13 平安国际智慧城市科技股份有限公司 一种网络页面的渲染方法及设备
CN112015408A (zh) * 2020-07-08 2020-12-01 广州乐摇摇信息科技有限公司 组件渲染方法、装置、存储介质及电子装置
CN112148417A (zh) * 2020-10-28 2020-12-29 北京城市网邻信息技术有限公司 页面调整方法、装置、电子设备和计算机可读介质

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113434800A (zh) * 2021-06-28 2021-09-24 青岛海尔科技有限公司 数据处理方法及装置
CN113434800B (zh) * 2021-06-28 2023-06-09 青岛海尔科技有限公司 数据处理方法及装置
CN113810738A (zh) * 2021-11-17 2021-12-17 畅捷通信息技术股份有限公司 一种基于集线器渲染‘伪’b端的方法、装置及存储介质
CN113810738B (zh) * 2021-11-17 2022-02-18 畅捷通信息技术股份有限公司 一种基于集线器渲染‘伪’b端的方法、装置及存储介质

Similar Documents

Publication Publication Date Title
CN112684968A (zh) 页面展示方法、装置、电子设备和计算机可读介质
CN112597047A (zh) 测试方法、装置、电子设备和计算机可读介质
CN111459364B (zh) 图标更新方法、装置和电子设备
CN110809189A (zh) 视频播放方法、装置、电子设备和计算机可读介质
CN112800363A (zh) 页面显示方法、装置、电子设备和计算机可读介质
CN115022106B (zh) 一种群信息处理方法、装置、设备及介质
CN110377273B (zh) 一种数据处理的方法、装置、介质和电子设备
CN114428925A (zh) 页面渲染方法、装置、电子设备和计算机可读介质
CN111783010B (zh) 网页空白页面监测方法、装置、终端及存储介质
CN111756953A (zh) 视频处理方法、装置、设备和计算机可读介质
CN110618811B (zh) 信息呈现方法和装置
CN112464039A (zh) 树形结构的数据显示方法、装置、电子设备和介质
CN113220293B (zh) 页面展示方法、装置、电子设备和计算机可读介质
CN113296771B (zh) 页面显示方法、装置、设备和计算机可读介质
CN112379967B (zh) 模拟器检测方法、装置、设备及介质
CN111460273B (zh) 信息推送方法和装置
CN112148417A (zh) 页面调整方法、装置、电子设备和计算机可读介质
CN113778566A (zh) 原生应用调用方法、装置、电子设备和计算机可读介质
CN112163176A (zh) 数据存储方法、装置、电子设备和计算机可读介质
CN113468487B (zh) 界面水印渲染方法、装置、电子设备和计算机可读介质
CN114356788B (zh) 基于用户信息的应用程序检测方法、装置、设备和介质
CN111104626B (zh) 信息存储方法和装置
CN113259414B (zh) 信息推送方法、装置、电子设备和计算机可读介质
CN112346728B (zh) 设备适配方法、装置、设备和计算机可读介质
CN115827415B (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

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant after: Douyin Vision Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant before: Tiktok vision (Beijing) Co.,Ltd.

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant after: Tiktok vision (Beijing) Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant before: BEIJING BYTEDANCE NETWORK TECHNOLOGY Co.,Ltd.

CB02 Change of applicant information
RJ01 Rejection of invention patent application after publication

Application publication date: 20210514

RJ01 Rejection of invention patent application after publication