网页页面呈现的方法、设备、客户端装置和电子设备制造方法及图纸

公开了一种网页页面呈现的方法、设备、客户端装置和电子设备。该方法方法包括：接收网页页面数据；基于网页页面数据中与页面呈现相关的界面信息，获取对应的本地应用的界面元素；以及至少部分地使用所述本地应用的界面元素来呈现所述网页页面数据的网页页面。根据本公开的一个实施例，可以提升用户使用体验。

【技术实现步骤摘要】
网页页面呈现的方法、设备、客户端装置和电子设备
本专利技术涉及互联网
，更具体地，涉及一种用于呈现网页页面的方法、用于呈现网页页面的设备、客户端装置和电子设备。
技术介绍
在互联网
，通常有两种方式实现客户端装置的用户界面。第一种方式被称为本地方式(Native方式)。在本地方式中，利用本地的应用程序来实现用户界面。例如，通过平台SDK提供的用户界面框架所实现的用户界面。第二种方式是基于Html的方式。例如，通过在客户端装置中WebView并利用所编写的Html文件所实现的用户界面。所述客户端装置可以是浏览器，也可以是被安装在用户终端电子设备中的其他应用程序，例如，微博、微信等。在本地方式中，用户界面是通过原生平台的API来实现的。用户界面的呈现效果好，并且因此用户体验好。但是，对于不同平台，需要分别设计、开发用户界面。此外，在这种方式中，只能通过更新应用程序来实现用户界面的更新。在基于Html的方式中，所呈现的用户界面是Html页面。用户界面呈现的效果相对较差。因此，用户体验相对较差。但是，通过这种方式，可以动态更新用户界面。因此，需要提供一种新的技术方案，针对上述现有技术中的至少一个技术问题进行改进。
技术实现思路
本专利技术的一个目的是提供一种用于呈现网页页面的新技术方案。根据本专利技术的第一方面，提供了一种用于呈现用户界面的方法，包括：接收网页页面数据；基于网页页面数据中与页面呈现相关的界面信息，获取对应的本地应用的界面元素；以及至少部分地使用所述本地应用的界面元素来呈现所述网页页面数据的网页页面。优选地，所述网页页面数据包括信息流数据，以及所述界面信息包括通过内容管理系统下发的动态用户界面模板。优选地，所述网页页面数据是基于Html的网页数据，以及所述界面信息是基于Html的界面信息。优选地，所述界面信息包括Html文件中的标签、级联样式表中的样式和网页元素的属性设置中的至少一个。优选地，所述本地应用的界面元素是基于SDK的用户界面框架实现的本地界面控件。优选地，所述信息流数据包括从网络上抓取的新闻数据。优选地，所述信息流数据包括所要使用的模板的标识。优选地，基于预先设置的对应表，获取本地应用的界面元素，以及所述对应表包含网页页面数据中与页面呈现相关的界面信息与本地应用的界面元素的对应关系。根据本专利技术的第二方面，提供了一种用于呈现网页页面的设备，包括：接收网页页面数据；基于网页页面数据中与页面呈现相关的界面信息，获取对应的本地应用的界面元素；以及至少部分地使用所述本地应用的界面元素来呈现所述网页页面数据的网页页面。根据本专利技术的第三方面，提供了一种客户端装置，包括根据本公开中的实施例的用于呈现网页页面的设备，或者被设置成用于执行根据本公开中的实施例的用于呈现网页页面的方法中的操作。根据本专利技术的第四方面，提供了一种电子设备，包括根据本公开中的实施例的客户端装置，或者包括存储器和处理器，其中，所述存储器存储可执行指令，所述可执行指令在所述电子设备运行时控制所述处理器执行根据本公开中的实施例的用于呈现网页页面的方法中的操作。根据本公开的一个实施例，可以提升用户使用体验。通过以下参照附图对本专利技术的示例性实施例的详细描述，本专利技术的其它特征及其优点将会变得清楚。附图说明被结合在说明书中并构成说明书的一部分的附图示出了本专利技术的实施例，并且连同其说明一起用于解释本专利技术的原理。图1示出了根据本专利技术的一个实施例的的方法的示意性流程图。图2示出了根据本专利技术的另一个实施例的客户端装置的示意性框图。图3示出了根据本专利技术的另一个实施例的电子设备设备的示意性框图。图4示出了根据本专利技术的实施例的一个例子的网络的示意图。图5示出了根据本专利技术的实施例的一个例子的示意图。具体实施方式现在将参照附图来详细描述本专利技术的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本专利技术的范围。以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本专利技术及其应用或使用的任何限制。对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。在这里示出和讨论的所有例子中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它例子可以具有不同的值。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。下面，参照附图描述根据本专利技术的各个实施例和例子。<方法>图1示出了根据本专利技术的一个实施例的的方法的示意性流程图。如图1所示，在步骤S1100，接收网页页面数据。目前，网页页面数据都是基于Html的网页数据。随着互联网技术的发展，也可能出现其他类型的网页数据。本领域技术人员应当理解，网页数据可以包括以Html语言编写的网页文件、对应的CSS文件(级联样式表)和对应的JavaScript文件中的一个或多个。在步骤S1200，基于网页页面数据中与页面呈现相关的界面信息，获取对应的本地应用的界面元素。服务器可以将网页数据中的信息内容和与与页面呈现相关的界面信息放在一个文件(例如，Html文件)中发送给用户。所述界面信息是基于Html的界面信息。例如，所述界面信息包括Html文件中的标签、级联样式表中的样式和网页元素的属性设置中的至少一个。在一个例子中，可以分别将表示信息内容的信息流数据和表示网页页面呈现方式的界面信息发送给客户端装置。在这种情况下，所述网页页面数据包括信息流数据，以及所述界面信息包括通过内容管理系统下发的动态用户界面模板。这种方式可以与现有的信息流推送方案兼容，并可以利用现有客户端装置中的固定模板。此外，当出现特殊事件时，例如，在国庆节期间，客户端装置可能需要特别的界面来呈现信息流数据，以引起用户的特别关注。通过动态用户界面模板，可以在需要的情况下，向用户呈现不同的用户界面，从而满足特殊事件的要求。此外，信息流数据包括从网络上抓取的新闻数据。将信息流数据与显示模板分开设置的方式有利于数据的处理。例如，所述信息流数据包括所要使用的模板的标识。当在客户端装置接收到所述信息流数据后，可以基于所述标识确定对应的动态用户界面模板。所述动态用户模板可以是在获取信息流数据之前、之后、在获取信息流数据的同时获取的。这里，所述本地应用的界面元素例如是基于SDK的用户界面框架实现的本地界面控件。例如，相对于WebView所实现的界面，所述本地界面控件的显示效果更好，用户体验更好。例如，可以基于预先设置的对应表，获取本地应用的界面元素。所述对应表包含网页页面数据中与页面呈现相关的界面信息与本地应用的界面元素的对应关系。在步骤S1300，至少部分地使用所述本地应用的界面元素来呈现所述网页页面数据的网页页面。这里，根据需要，可以仅部分页面元素使用本地应用的界面元素。例如，所使用的本地应用的界面元素是网页页面的主体部分并且是最引起用户注意的部分。通过这种方式，可以兼顾用户体验和处理的复杂度。在这个实施例中，可以通过网页页面的方式动态地向用户展示不同的用户界面，而不用更新整个应用软件。此外，在呈现用户界面时利本文档来自技高网...

【技术保护点】
1.一种用于呈现用户界面的方法，包括：接收网页页面数据；基于网页页面数据中与页面呈现相关的界面信息，获取对应的本地应用的界面元素；以及至少部分地使用所述本地应用的界面元素来呈现所述网页页面数据的网页页面。

【技术特征摘要】
1.一种用于呈现用户界面的方法，包括：接收网页页面数据；基于网页页面数据中与页面呈现相关的界面信息，获取对应的本地应用的界面元素；以及至少部分地使用所述本地应用的界面元素来呈现所述网页页面数据的网页页面。2.根据权利要求1所述的方法，其中，所述网页页面数据包括信息流数据，以及所述界面信息包括通过内容管理系统下发的动态用户界面模板。3.根据权利要求1所述的方法，其中，所述网页页面数据是基于Html的网页数据，以及所述界面信息是基于Html的界面信息。4.根据权利要求3所述的方法，其中，所述界面信息包括Html文件中的标签、级联样式表中的样式和网页元素的属性设置中的至少一个。5.根据权利要求1所述的方法，其中，所述本地应用的界面元素是基于SDK的用户界面框架实现的本地界面控件。6.根据权利要求1所述的方法，其中，所述信息流数据包括从网络上抓取的新闻数据。7.根据权利要求6所述的方法，其中，所述...

【专利技术属性】
技术研发人员：翁粤东，陈俊东，王文槿，曾树奇，李先锋，
申请(专利权)人：广州市动景计算机科技有限公司，
类型：发明
国别省市：广东,44