用于加载网页中的控件的方法及装置制造方法及图纸

本发明专利技术实施例提供一种用于加载网页中的控件的方法及装置，属于互联网技术领域。所述方法包括：接收服务器发送的所述网页中的第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；根据所述类型信息创建第二控件；将所述第二控件与所述资源信息相关联；以及当通过网络视图加载所述网页时，在所述网络视图上与所述位置信息对应的位置处显示与所述资源信息相关联后的所述第二控件。通过由终端来创建网页中的控件，使得网络视图中加载的网页上，控件可以具有原生控件的控制能力、交互能力和UI效果。

Methods and devices for loading controls in web pages

【技术实现步骤摘要】
用于加载网页中的控件的方法及装置
本专利技术涉及互联网
，具体地涉及一种用于加载网页中的控件的方法及装置。
技术介绍
相关技术中，使用网络视图在移动终端的应用程序上加载网页，以方便用户通过应用程序来与网页进行交互。然而使用移动终端的应用程序加载出的网页中，无法实现一些原生功能控制和UI(UserInterface，用户界面)效果，降低了用户体验。
技术实现思路
本专利技术实施例的目的是提供一种用于加载网页中的控件的方法及装置，用于全部解决或至少部分解决上述技术问题。为了实现上述目的，本专利技术实施例提供一种用于加载网页中的控件的方法，所述方法包括：接收服务器发送的所述网页中的第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；根据所述类型信息创建第二控件；将所述第二控件与所述资源信息相关联；以及当通过网络视图加载所述网页时，在所述网络视图上与所述位置信息对应的位置处显示与所述资源信息相关联后的所述第二控件。可选的，所述第一控件的信息还包括所述第一控件的尺寸信息，所述根据所述类型信息创建第二控件包括：根据所述第一控件的尺寸信息、所述网络视图与所述网页的尺寸比例计算所述第二控件的尺寸信息；选择与所述类型信息对应的控件；以及根据所述第二控件的尺寸信息设置选择的与所述类型信息对应的控件的尺寸信息以创建所述第二控件。可选的，所述位置信息为所述第一控件在所述网页中的第一坐标信息，所述在所述网络视图上与所述位置信息对应的位置处显示所述第二控件包括：根据所述第一坐标信息、所述网络视图与所述网页的尺寸比例计算所述第二控件在所述网络视图的第二坐标信息；以及根据所述第二坐标信息在所述网络视图上显示与所述资源信息相关联后的所述第二控件。可选的，所述方法还包括：在所述网络视图加载新的网页时，清除在所述网络视图上显示的所述第二控件。可选的，所述资源信息包括所述第一控件对应的资源的统一资源定位符。相应的，本专利技术实施例还提供一种用于加载网页中的控件的方法，所述方法包括：响应于接收到终端发送的针对所述网页的加载请求，判断所述网页中是否具有第一控件；在所述网页中具有所述第一控件的情况下，获取所述第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；以及向所述终端发送所述第一控件的信息。可选的，所述第一控件的信息还包括所述第一控件的尺寸信息；和/或所述位置信息为所述第一控件在所述网页中的第一坐标信息。可选的，所述资源信息包括所述第一控件对应的资源的统一资源定位符。相应的，本专利技术实施例还提供一种用于加载网页中的控件的装置，所述装置包括：接收模块，用于接收服务器发送的所述网页中的第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；创建模块，用于根据所述类型信息创建第二控件；关联模块，用于将所述第二控件与所述资源信息相关联；以及显示模块，用于当通过网络视图加载所述网页时，在所述网络视图上与所述位置信息对应的位置处显示与所述资源信息相关联后的所述第二控件。可选的，所述第一控件的信息还包括所述第一控件的尺寸信息，所述创建模块包括：第一计算单元，用于根据所述第一控件的尺寸信息、所述网络视图与所述网页的尺寸比例计算所述第二控件的尺寸信息；选择单元，用于选择与所述类型信息对应的控件；以及设置单元，用于根据所述第二控件的尺寸信息设置选择的与所述类型信息对应的控件的尺寸信息以创建所述第二控件。可选的，所述位置信息为所述第一控件在所述网页中的第一坐标信息，所述显示模块包括：第二计算单元，用于根据所述第一坐标信息、所述网络视图与所述网页的尺寸比例计算所述第二控件在所述网络视图的第二坐标信息；以及显示单元，用于根据所述第二坐标信息在所述网络视图上显示与所述资源信息相关联后的所述第二控件。可选的，所述装置还包括：清除模块，用于在所述网络视图加载新的网页时，清除在所述网络视图上显示的所述第二控件。可选的，所述资源信息包括所述第一控件对应的资源的统一资源定位符。相应的，本专利技术实施例还提供一种用于加载网页中的控件的装置，所述装置包括：判断模块，用于响应于接收到终端发送的针对所述网页的加载请求，判断所述网页中是否具有第一控件；获取模块，用于在所述网页中具有所述第一控件的情况下，获取所述第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；以及发送模块，用于向所述终端发送所述第一控件的信息。可选的，所述第一控件的信息还包括所述第一控件的尺寸信息；和/或所述位置信息为所述第一控件在所述网页中的第一坐标信息。可选的，所述资源信息包括所述第一控件对应的资源的统一资源定位符。相应的，本专利技术实施例还提供一种机器可读存储介质，所述机器可读存储介质上存储有指令，所述指令用于使得机器执行上述的用于加载网页中的控件的方法。相应的，本专利技术实施例还提供一种电子设备，所述电子设备包括至少一个处理器、与处理器连接的至少一个存储器、以及总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行上述的用于加载网页中的控件的方法。通过上述技术方案，在网页中具有控件时，服务器将控件的信息发送至终端，终端根据服务器发送的控件的信息创建对应的控件，并在网络视图上显示该控件。通过由终端来创建网页中的控件，使得网络视图中加载的网页上，控件可以具有原生控件的控制能力、交互能力和UI效果。本专利技术实施例的其它特征和优点将在随后的具体实施方式部分予以详细说明。附图说明附图是用来提供对本专利技术实施例的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本专利技术实施例，但并不构成对本专利技术实施例的限制。在附图中：图1示出了根据本专利技术一实施例的由终端执行的用于加载网页中的控件的方法的流程示意图；图2示出了一实施例中终端创建控件的流程示意图；图3示出了根据本专利技术一实施例的由服务器执行的用于加载网页中的控件的方法的流程示意图；图4示出了根据本专利技术一实施例的用于终端的用于加载网页中的控件的装置的结构框图；图5示出了一实施例中创建模块的结构框图；图6示出了根据本专利技术一实施例的用于服务器的用于加载网页中的控件的装置的结构框图；以及图7示出了根据本专利技术一实施例的电子设备的结构框图。具体实施方式以下结合附图对本专利技术实施例的具体实施方式进行详细说明。应当理解的是，此处所描述的具体实施方式仅用于说明和解释本专利技术实施例，并不用于限制本专利技术实施例。需要说明的是，在本专利技术的描述中，术语“第一”、“第二”仅用于方便描述不同的元素，而不能理解为指示或暗示顺序关系、相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。图1示出了根据本专利技术一实施例的由终端本文档来自技高网...

【技术保护点】
1.一种用于加载网页中的控件的方法，其特征在于，所述方法包括：/n接收服务器发送的所述网页中的第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；/n根据所述类型信息创建第二控件；/n将所述第二控件与所述资源信息相关联；以及/n当通过网络视图加载所述网页时，在所述网络视图上与所述位置信息对应的位置处显示与所述资源信息相关联后的所述第二控件。/n

【技术特征摘要】
1.一种用于加载网页中的控件的方法，其特征在于，所述方法包括：
接收服务器发送的所述网页中的第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；
根据所述类型信息创建第二控件；
将所述第二控件与所述资源信息相关联；以及
当通过网络视图加载所述网页时，在所述网络视图上与所述位置信息对应的位置处显示与所述资源信息相关联后的所述第二控件。


2.根据权利要求1所述的方法，其特征在于，所述第一控件的信息还包括所述第一控件的尺寸信息，所述根据所述类型信息创建第二控件包括：
根据所述第一控件的尺寸信息、所述网络视图与所述网页的尺寸比例计算所述第二控件的尺寸信息；
选择与所述类型信息对应的控件；以及
根据所述第二控件的尺寸信息设置选择的与所述类型信息对应的控件的尺寸信息以创建所述第二控件。


3.根据权利要求1或2所述的方法，其特征在于，所述位置信息为所述第一控件在所述网页中的第一坐标信息，所述在所述网络视图上与所述位置信息对应的位置处显示与所述资源信息相关联后的所述第二控件包括：
根据所述第一坐标信息、所述网络视图与所述网页的尺寸比例计算所述第二控件在所述网络视图的第二坐标信息；以及
根据所述第二坐标信息在所述网络视图上显示与所述资源信息相关联后的所述第二控件。


4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在所述网络视图加载新的网页时，清除在所述网络视图上显示的所述第二控件。


5.根据权利要求1所述的方法，其特征在于，所述资源信息包括所述第一控件对应的资源的统一资源定位符。


6.一种用于加载网页中的控件的方法，其特征在于，所述方法包括：<...

【专利技术属性】
技术研发人员：夏文海，
申请(专利权)人：贝壳技术有限公司，
类型：发明
国别省市：天津;12