CN110929205A - 用于加载网页中的控件的方法及装置 - Google Patents
用于加载网页中的控件的方法及装置 Download PDFInfo
- Publication number
- CN110929205A CN110929205A CN201911107271.6A CN201911107271A CN110929205A CN 110929205 A CN110929205 A CN 110929205A CN 201911107271 A CN201911107271 A CN 201911107271A CN 110929205 A CN110929205 A CN 110929205A
- Authority
- CN
- China
- Prior art keywords
- control
- information
- webpage
- web page
- resource
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 48
- 230000000694 effects Effects 0.000 abstract description 9
- 230000003993 interaction Effects 0.000 abstract description 8
- 238000010586 diagram Methods 0.000 description 16
- 238000004590 computer program Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 7
- 238000004364 calculation method Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例提供一种用于加载网页中的控件的方法及装置，属于互联网技术领域。所述方法包括：接收服务器发送的所述网页中的第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；根据所述类型信息创建第二控件；将所述第二控件与所述资源信息相关联；以及当通过网络视图加载所述网页时，在所述网络视图上与所述位置信息对应的位置处显示与所述资源信息相关联后的所述第二控件。通过由终端来创建网页中的控件，使得网络视图中加载的网页上，控件可以具有原生控件的控制能力、交互能力和UI效果。
Description
技术领域
本发明涉及互联网技术领域，具体地涉及一种用于加载网页中的控件的方法及装置。
背景技术
相关技术中，使用网络视图在移动终端的应用程序上加载网页，以方便用户通过应用程序来与网页进行交互。然而使用移动终端的应用程序加载出的网页中，无法实现一些原生功能控制和UI(User Interface，用户界面)效果，降低了用户体验。
发明内容
本发明实施例的目的是提供一种用于加载网页中的控件的方法及装置，用于全部解决或至少部分解决上述技术问题。
为了实现上述目的，本发明实施例提供一种用于加载网页中的控件的方法，所述方法包括：接收服务器发送的所述网页中的第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；根据所述类型信息创建第二控件；将所述第二控件与所述资源信息相关联；以及当通过网络视图加载所述网页时，在所述网络视图上与所述位置信息对应的位置处显示与所述资源信息相关联后的所述第二控件。
可选的，所述第一控件的信息还包括所述第一控件的尺寸信息，所述根据所述类型信息创建第二控件包括：根据所述第一控件的尺寸信息、所述网络视图与所述网页的尺寸比例计算所述第二控件的尺寸信息；选择与所述类型信息对应的控件；以及根据所述第二控件的尺寸信息设置选择的与所述类型信息对应的控件的尺寸信息以创建所述第二控件。
可选的，所述位置信息为所述第一控件在所述网页中的第一坐标信息，所述在所述网络视图上与所述位置信息对应的位置处显示所述第二控件包括：根据所述第一坐标信息、所述网络视图与所述网页的尺寸比例计算所述第二控件在所述网络视图的第二坐标信息；以及根据所述第二坐标信息在所述网络视图上显示与所述资源信息相关联后的所述第二控件。
可选的，所述方法还包括：在所述网络视图加载新的网页时，清除在所述网络视图上显示的所述第二控件。
可选的，所述资源信息包括所述第一控件对应的资源的统一资源定位符。
相应的，本发明实施例还提供一种用于加载网页中的控件的方法，所述方法包括：响应于接收到终端发送的针对所述网页的加载请求，判断所述网页中是否具有第一控件；在所述网页中具有所述第一控件的情况下，获取所述第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；以及向所述终端发送所述第一控件的信息。
可选的，所述第一控件的信息还包括所述第一控件的尺寸信息；和/或所述位置信息为所述第一控件在所述网页中的第一坐标信息。
可选的，所述资源信息包括所述第一控件对应的资源的统一资源定位符。
相应的，本发明实施例还提供一种用于加载网页中的控件的装置，所述装置包括：接收模块，用于接收服务器发送的所述网页中的第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；创建模块，用于根据所述类型信息创建第二控件；关联模块，用于将所述第二控件与所述资源信息相关联；以及显示模块，用于当通过网络视图加载所述网页时，在所述网络视图上与所述位置信息对应的位置处显示与所述资源信息相关联后的所述第二控件。
可选的，所述第一控件的信息还包括所述第一控件的尺寸信息，所述创建模块包括：第一计算单元，用于根据所述第一控件的尺寸信息、所述网络视图与所述网页的尺寸比例计算所述第二控件的尺寸信息；选择单元，用于选择与所述类型信息对应的控件；以及设置单元，用于根据所述第二控件的尺寸信息设置选择的与所述类型信息对应的控件的尺寸信息以创建所述第二控件。
可选的，所述位置信息为所述第一控件在所述网页中的第一坐标信息，所述显示模块包括：第二计算单元，用于根据所述第一坐标信息、所述网络视图与所述网页的尺寸比例计算所述第二控件在所述网络视图的第二坐标信息；以及显示单元，用于根据所述第二坐标信息在所述网络视图上显示与所述资源信息相关联后的所述第二控件。
可选的，所述装置还包括：清除模块，用于在所述网络视图加载新的网页时，清除在所述网络视图上显示的所述第二控件。
可选的，所述资源信息包括所述第一控件对应的资源的统一资源定位符。
相应的，本发明实施例还提供一种用于加载网页中的控件的装置，所述装置包括：判断模块，用于响应于接收到终端发送的针对所述网页的加载请求，判断所述网页中是否具有第一控件；获取模块，用于在所述网页中具有所述第一控件的情况下，获取所述第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；以及发送模块，用于向所述终端发送所述第一控件的信息。
可选的，所述第一控件的信息还包括所述第一控件的尺寸信息；和/或所述位置信息为所述第一控件在所述网页中的第一坐标信息。
可选的，所述资源信息包括所述第一控件对应的资源的统一资源定位符。
相应的，本发明实施例还提供一种机器可读存储介质，所述机器可读存储介质上存储有指令，所述指令用于使得机器执行上述的用于加载网页中的控件的方法。
相应的，本发明实施例还提供一种电子设备，所述电子设备包括至少一个处理器、与处理器连接的至少一个存储器、以及总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行上述的用于加载网页中的控件的方法。
通过上述技术方案，在网页中具有控件时，服务器将控件的信息发送至终端，终端根据服务器发送的控件的信息创建对应的控件，并在网络视图上显示该控件。通过由终端来创建网页中的控件，使得网络视图中加载的网页上，控件可以具有原生控件的控制能力、交互能力和UI效果。
本发明实施例的其它特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
附图是用来提供对本发明实施例的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本发明实施例，但并不构成对本发明实施例的限制。在附图中：
图1示出了根据本发明一实施例的由终端执行的用于加载网页中的控件的方法的流程示意图；
图2示出了一实施例中终端创建控件的流程示意图；
图3示出了根据本发明一实施例的由服务器执行的用于加载网页中的控件的方法的流程示意图；
图4示出了根据本发明一实施例的用于终端的用于加载网页中的控件的装置的结构框图；
图5示出了一实施例中创建模块的结构框图；
图6示出了根据本发明一实施例的用于服务器的用于加载网页中的控件的装置的结构框图；以及
图7示出了根据本发明一实施例的电子设备的结构框图。
具体实施方式
以下结合附图对本发明实施例的具体实施方式进行详细说明。应当理解的是，此处所描述的具体实施方式仅用于说明和解释本发明实施例，并不用于限制本发明实施例。
需要说明的是，在本发明的描述中，术语“第一”、“第二”仅用于方便描述不同的元素，而不能理解为指示或暗示顺序关系、相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。
图1示出了根据本发明一实施例的由终端执行的用于加载网页中的控件的方法的流程示意图。如图1所示，本发明实施例提供一种用于加载网页中的控件的方法，该方法可以由移动终端执行，所述移动终端例如可以是智能手机、平板电脑等，所述网页例如可以是H5页面等。所述用于加载网页中的控件的方法可以包括步骤S110至步骤S140。
在步骤S110，接收服务器发送的所述网页中的第一控件的信息。
终端的客户端上可以设置有网页访问服务，使得用户可以通过客户端访问网页。如果用户在客户端上点击了访问网页的相关项，所述相关项可以是链接等，则客户端可以生成针对所述网页的加载请求，或者客户端也可以自主地生成针对网页的加载请求。然后客户端可以将生成的针对所述网页的加载请求通过终端的通信模块发送至服务器。针对所述网页的加载请求可以包括所述网页的IP地址等。
服务器接收到终端发送的针对所述网页的加载请求后，根据所述网页的IP地址获取所述网页的数据信息。服务器可以基于所述数据信息判断所述网页中是否具有第一控件，如果不具有，则将网页的数据信息发送至终端，终端的客户端根据该数据信息在网络视图上加载所述网页。
如果所述网页中具有第一控件，则服务器获取所述第一控件的信息，例如可以从所述网页的数据信息中获取。所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息。
在步骤S120，根据所述类型信息创建第二控件。
创建的第二控件的类型信息与所述第一控件的类型信息相同。例如如果所述第一控件的类型信息指示所述第一控件为播放控件，则创建的第二控件也为播放控件。
在步骤S130，将所述第二控件与所述资源信息相关联。
将所述第二控件与所述资源信息相关联，可以使得用户在操作第二控件时，可以显示所述资源信息对应的资源，所述资源例如可以是视频等。可选的，所述资源信息可以包括第一控件对应的资源的统一资源定位符，当用户在客户端上操作所述第二控件时，客户端通过所述统一资源定位符获取对应的资源。但是，本发明实施例并不限制于此，所述资源信息也可以是第一控件对应的资源的全部数据，终端可以将该全部数据进行缓存，当用户在客户端上操作所述第二控件时，从缓存中获取对应的资源。
在步骤S140，当通过网络视图加载所述网页时，在所述网络视图上与所述位置信息对应的位置处显示与所述资源信息相关联后的所述第二控件。
网络视图加载网页的方式可以采用任意合适的方式，其中加载网页时可将不会对网页的第一控件进行加载，而由客户端显示创建的第二控件。如此，实现网络视图上显示的网页中第二控件具有原生第一控件的控制能力、交互能力和UI效果，能够有效提高用户体验。
在一可选实施例中，服务器发送的第一控件的信息还可以包括第一控件的尺寸信息。如图2所示，终端根据类型信息创建第二控件可以包括步骤S210至步骤S230。
在步骤S210，根据所述第一控件的尺寸信息、所述网络视图与所述网页的尺寸比例计算所述第二控件的尺寸信息。
可选的，可以使用第一控件的尺寸信息乘以所述网络视图与所述网页的尺寸比例来计算得到第二控件的尺寸信息。
或者可选的，第一控件的尺寸信息可以包括第一控件的宽和高，所述网络视图与所述网页的尺寸比例可以是网络视图的宽与网页的宽的比例，则可以使用第一控件的宽乘以网络视图的宽与网页的宽的比例来计算第二控件的宽。使用计算得到的第二控件的宽乘以第一控件的高与宽的比例可以计算得到第二控件的高。通过这种方式得到的第二控件的高和宽的比等于第一控件的高和宽的比，这可以保持控件的美观。
在步骤S220，选择与所述类型信息对应的控件。
创建的第二控件的类型信息与所述第一控件的类型信息相同。例如如果所述第一控件的类型信息指示所述第一控件为播放控件，则创建的第二控件也为播放控件。
在步骤S230，根据所述第二控件的尺寸信息设置选择的与所述类型信息对应的控件的尺寸信息以创建所述第二控件。
将步骤S220中选择的与第一控件的类型信息相同的控件的尺寸信息设置为步骤S210中得到的尺寸信息，就可以创建出所述第二控件。
将创建出的第二控件与第一控件的资源信息相关联，该第二控件就可以具有原生第一控件的控制能力、交互能力和UI效果。
基于上述任意实施例，第一控件的位置信息可以是第一控件在网页中的第一坐标信息。该第一坐标信息可选的可以是第一控件的特征点的坐标信息，所述特征点例如可以是第一控件的边缘点、中心点等，例如，如果所述第一控件为长方形，则其特征点可以是长方形一角点，如左上角的角点。在网络视图上显示第二控件时，可以首先根据第一坐标信息、所述网络视图与所述网页的尺寸比例计算出第二控件在网络视图的第二坐标信息。例如，可以是使用第一坐标信息乘以所述网络视图与所述网页的尺寸比例来得到所述第二坐标信息，在第一坐标信息为第一控件的特征点的信息的情况下，计算出的第二坐标信息也是第二控件对应的特征点的信息。然后根据第二坐标信息在网络视图上显示所述第二控件，例如在第二坐标信息是第二控件对应的特征点的信息的情况下，可以控制第二控件的特征点对应显示在第二坐标信息处，来完成在网络视图上对第二控件的显示。
在进一步的可选实施例中，本发明实施例提供的用于加载网页中的控件的方法还可以包括在所述网络视图加载新的网页时，清除在所述网络视图上显示的所述第二控件。在用户点击了网络视图当前记载的网页中的某个链接的情况下，网络视图将加载新的网页。或者，客户端可以基于设置自动驱动网络视图加载新的网页。在所述网络视图加载新的网页时，清除针对当前网页显示的所述第二控件，以避免影响所述新的网页的加载。
图3示出了根据本发明一实施例的由服务器执行的用于加载网页中的控件的方法的流程示意图。如图3所示，本发明实施例提供一种用于加载网页中的控件的方法，所述网页例如可以是H5页面等，所述方法可以由服务器执行。所述用于加载网页中的控件的方法可以包括步骤S310至步骤S330。
在步骤S310，响应于接收到终端发送的针对所述网页的加载请求，判断所述网页中是否具有第一控件。
终端的客户端上可以设置有网页访问服务，使得用户可以通过客户端访问网页。如果用户在客户端上点击了访问网页的相关项，所述相关项可以是链接等，则客户端可以生成针对所述网页的加载请求，或者客户端也可以自主地生成针对网页的加载请求。然后客户端可以将生成的针对所述网页的加载请求通过终端的通信模块发送至服务器。针对所述网页的加载请求可以包括所述网页的IP地址等。
服务器接收到终端发送的针对所述网页的加载请求后，根据所述网页的IP地址获取所述网页的数据信息。服务器可以基于所述数据信息判断所述网页中是否具有第一控件，如果不具有，则将网页的数据信息发送至终端，终端的客户端根据该数据信息在网络视图上加载所述网页。如果所述网页中具有第一控件，则执行步骤S320。
在步骤S320，在所述网页中具有所述第一控件的情况下，获取所述第一控件的信息。
例如可以从所述网页的数据信息中获取所述第一控件的信息。所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息。
所述资源信息可以包括第一控件对应的资源的统一资源定位符。或者可选的，所述资源信息也可以是第一控件对应的资源的全部数据。
所述位置信息例如可以为所述第一控件在所述网页中的第一坐标信息。该第一坐标信息可选的可以是第一控件的特征点的坐标信息，所述特征点例如可以是第一控件的边缘点、中心点等，例如，如果所述第一控件为长方形，则其特征点可以是长方形一角点，如左上角的角点。
在步骤S330，向所述终端发送所述第一控件的信息。
将所述第一控件的信息发送至所述终端，所述终端可以根据所述第一控件的信息创建对应的控件，并在网络视图上显示该控件。通过由终端来创建网页中的控件，使得网络视图中加载的网页上，控件可以具有原生控件的控制能力、交互能力和UI效果。
在一可选实施例中，所述第一控件的信息还可以包括所述第一控件的尺寸信息。终端创建第二控件时，可以根据第一控件的尺寸信息、网络视图与网页的尺寸比例来计算得到第二控件的尺寸信息。例如，可以使用第一控件的尺寸信息乘以所述网络视图与所述网页的尺寸比例来计算得到第二控件的尺寸信息。或者可选的，第一控件的尺寸信息可以包括第一控件的宽和高，所述网络视图与所述网页的尺寸比例可以是网络视图的宽与网页的宽的比例，则可以使用第一控件的宽乘以网络视图的宽与网页的宽的比例来计算第二控件的宽。使用计算得到的第二控件的宽乘以第一控件的高与宽的比例可以计算得到第二控件的高。通过这种方式得到的第二控件的高和宽的比等于第一控件的高和宽的比，这可以保持控件的美观。
图4示出了根据本发明一实施例的用于终端的用于加载网页中的控件的装置的结构框图。如图4所示，本发明实施例还提供一种用于加载网页中的控件的装置，所述装置用于终端，所述终端例如可以是智能手机、平板电脑灯，所述网页例如可以是H5网页等。所述装置可以包括：接收模块410，用于接收服务器发送的所述网页中的第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；创建模块420，用于根据所述类型信息创建第二控件；关联模块430，用于将所述第二控件与所述资源信息相关联；以及显示模块440，用于当通过网络视图加载所述网页时，在所述网络视图上与所述位置信息对应的位置处显示与所述资源信息相关联后的所述第二控件。通过由终端来创建网页中的控件，使得网络视图中加载的网页上，控件可以具有原生控件的控制能力、交互能力和UI效果。
可选的，所述资源信息可以包括所述第一控件对应的统一资源定位符，当用户在客户端上操作所述第二控件时，客户端通过所述统一资源定位符获取对应的资源。但是，本发明实施例并不限制于此，所述资源信息也可以是第一控件对应的资源的全部数据，终端可以将该全部数据进行缓存，当用户在客户端上操作所述第二控件时，从缓存中获取对应的资源。
在一可选实施例中，所述第一控件的信息还可以包括所述第一控件的尺寸信息。图5示出了一实施例中创建模块的结构框图。如图5所示，创建模块可以包括：第一计算单元510，用于根据所述第一控件的尺寸信息、所述网络视图与所述网页的尺寸比例计算所述第二控件的尺寸信息；选择单元520，用于选择与所述类型信息对应的控件；以及设置单元530，用于根据所述第二控件的尺寸信息设置选择的与所述类型信息对应的控件的尺寸信息以创建所述第二控件。将创建出的第二控件与第一控件的资源信息相关联，该第二控件就可以具有原生第一控件的控制能力、交互能力和UI效果。
在一可选实施例中，所述位置信息可以为所述第一控件在所述网页中的第一坐标信息，所述显示模块可以包括：第二计算单元，用于根据所述第一坐标信息、所述网络视图与所述网页的尺寸比例计算所述第二控件在所述网络视图的第二坐标信息；以及显示单元，用于根据所述第二坐标信息在所述网络视图上显示与所述资源信息相关联后的所述第二控件。
在一可选实施例中，本发明实施例提供的用于终端的用于加载网页中的控件的装置还可以包括清除模块，用于在所述网络视图加载新的网页时，清除在所述网络视图上显示的所述第二控件。在用户点击了网络视图当前记载的网页中的某个链接的情况下，网络视图将加载新的网页。或者，客户端可以基于设置自动驱动网络视图加载新的网页。在所述网络视图加载新的网页时，清除针对当前网页显示的所述第二控件，以避免影响所述新的网页的加载。
本发明实施例提供的用于终端的用于加载网页中的控件的装置具体工作原理及益处与本发明实施例提供的由终端执行的用于加载网页中的控件的方法的具体工作原理及益处相同，这里将不再赘述。
所述用于终端的用于加载网页中的控件的装置包括处理器和存储器，上述的各模块和各单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来执行根据本发明任意实施例所述由终端执行的用于加载网页中的控件的方法。存储器可包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。
图6示出了根据本发明一实施例的用于服务器的用于加载网页中的控件的装置的结构框图。如图6所示，本发明实施例还提供一种用于加载网页中的控件的装置，所述装置可以用于服务器，所述网页例如可以是H5网页等。所述装置可以包括：判断模块610，用于响应于接收到终端发送的针对所述网页的加载请求，判断所述网页中是否具有第一控件；获取模块620，用于在所述网页中具有所述第一控件的情况下，获取所述第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；以及发送模块630，用于向所述终端发送所述第一控件的信息。所述终端可以根据所述第一控件的信息创建对应的控件，并在网络视图上显示该控件。通过由终端来创建网页中的控件，使得网络视图中加载的网页上，控件可以具有原生控件的控制能力、交互能力和UI效果。
所述资源信息可以包括第一控件对应的资源的统一资源定位符。或者可选的，所述资源信息也可以是第一控件对应的资源的全部数据。
所述位置信息例如可以为所述第一控件在所述网页中的第一坐标信息。该第一坐标信息可选的可以是第一控件的特征点的坐标信息，所述特征点例如可以是第一控件的边缘点、中心点等，例如，如果所述第一控件为长方形，则其特征点可以是长方形一角点，如左上角的角点。
在一可选实施例中，所述第一控件的信息还可以包括所述第一控件的尺寸信息。终端创建第二控件时，可以根据第一控件的尺寸信息、网络视图与网页的尺寸比例来计算得到第二控件的尺寸信息。例如，可以使用第一控件的尺寸信息乘以所述网络视图与所述网页的尺寸比例来计算得到第二控件的尺寸信息。或者可选的，第一控件的尺寸信息可以包括第一控件的宽和高，所述网络视图与所述网页的尺寸比例可以是网络视图的宽与网页的宽的比例，则可以使用第一控件的宽乘以网络视图的宽与网页的宽的比例来计算第二控件的宽。使用计算得到的第二控件的宽乘以第一控件的高与宽的比例可以计算得到第二控件的高。通过这种方式得到的第二控件的高和宽的比等于第一控件的高和宽的比，这可以保持控件的美观。
本发明实施例提供的用于服务器的用于加载网页中的控件的装置具体工作原理及益处与本发明实施例提供的由服务器执行的用于加载网页中的控件的方法的具体工作原理及益处相同，这里将不再赘述。
所述用于终端的用于加载网页中的控件的装置包括处理器和存储器，上述的各模块和各单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来执行根据本发明任意实施例所述由终端执行的用于加载网页中的控件的方法。存储器可包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。
相应的，本发明实施例还提供一种机器可读存储介质，所述机器可读存储介质上存储有指令，所述指令用于使得机器执行根据本发明任意实施例所述的用于加载网页中的控件的方法。
相应的，本发明实施例还提供一种电子设备，如图7所示，电子设备70包括至少一个处理器701、以及与处理器701连接的至少一个存储器702、总线703；其中，处理器701、存储器702通过总线703完成相互间的通信；处理器701用于调用存储器702中的程序指令，以执行根据本发明任意实施例所述的音频文件处理方法和/或根据本发明任意实施例所述的音频文件播放方法。本发明实施例的电子设备可以是服务器、PC、PAD、手机等。
本领域内的技术人员应明白，本申请的实施例可提供为方法、装置、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种用于加载网页中的控件的方法，其特征在于，所述方法包括：
接收服务器发送的所述网页中的第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；
根据所述类型信息创建第二控件；
将所述第二控件与所述资源信息相关联；以及
当通过网络视图加载所述网页时，在所述网络视图上与所述位置信息对应的位置处显示与所述资源信息相关联后的所述第二控件。
2.根据权利要求1所述的方法，其特征在于，所述第一控件的信息还包括所述第一控件的尺寸信息，所述根据所述类型信息创建第二控件包括：
根据所述第一控件的尺寸信息、所述网络视图与所述网页的尺寸比例计算所述第二控件的尺寸信息；
选择与所述类型信息对应的控件；以及
根据所述第二控件的尺寸信息设置选择的与所述类型信息对应的控件的尺寸信息以创建所述第二控件。
3.根据权利要求1或2所述的方法，其特征在于，所述位置信息为所述第一控件在所述网页中的第一坐标信息，所述在所述网络视图上与所述位置信息对应的位置处显示与所述资源信息相关联后的所述第二控件包括：
根据所述第一坐标信息、所述网络视图与所述网页的尺寸比例计算所述第二控件在所述网络视图的第二坐标信息；以及
根据所述第二坐标信息在所述网络视图上显示与所述资源信息相关联后的所述第二控件。
4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在所述网络视图加载新的网页时，清除在所述网络视图上显示的所述第二控件。
5.根据权利要求1所述的方法，其特征在于，所述资源信息包括所述第一控件对应的资源的统一资源定位符。
6.一种用于加载网页中的控件的方法，其特征在于，所述方法包括：
响应于接收到终端发送的针对所述网页的加载请求，判断所述网页中是否具有第一控件；
在所述网页中具有所述第一控件的情况下，获取所述第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；以及
向所述终端发送所述第一控件的信息。
7.根据权利要求6所述的方法，其特征在于，所述第一控件的信息还包括所述第一控件的尺寸信息；和/或所述位置信息为所述第一控件在所述网页中的第一坐标信息。
8.一种用于加载网页中的控件的装置，其特征在于，所述装置包括：
接收模块，用于接收服务器发送的所述网页中的第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；
创建模块，用于根据所述类型信息创建第二控件；
关联模块，用于将所述第二控件与所述资源信息相关联；以及
显示模块，用于当通过网络视图加载所述网页时，在所述网络视图上与所述位置信息对应的位置处显示与所述资源信息相关联后的所述第二控件。
9.一种用于加载网页中的控件的装置，其特征在于，所述装置包括：
判断模块，用于响应于接收到终端发送的针对所述网页的加载请求，判断所述网页中是否具有第一控件；
获取模块，用于在所述网页中具有所述第一控件的情况下，获取所述第一控件的信息，所述第一控件的信息包括所述第一控件的位置信息、类型信息、以及资源信息；以及
发送模块，用于向所述终端发送所述第一控件的信息。
10.一种机器可读存储介质，其特征在于，所述机器可读存储介质上存储有指令，所述指令用于使得机器执行根据权利要求1至5中任一项所述的用于加载网页中的控件的方法，和/或根据权利要求6至7中任一项所述的用于加载网页中的控件的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911107271.6A CN110929205A (zh) | 2019-11-13 | 2019-11-13 | 用于加载网页中的控件的方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911107271.6A CN110929205A (zh) | 2019-11-13 | 2019-11-13 | 用于加载网页中的控件的方法及装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110929205A true CN110929205A (zh) | 2020-03-27 |
Family
ID=69852829
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911107271.6A Pending CN110929205A (zh) | 2019-11-13 | 2019-11-13 | 用于加载网页中的控件的方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110929205A (zh) |
Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102073502A (zh) * | 2011-01-11 | 2011-05-25 | 百度在线网络技术（北京）有限公司 | 一种利用web原生布局进行页面渲染的方法及装置 |
| CN102314502A (zh) * | 2011-09-01 | 2012-01-11 | 百度在线网络技术（北京）有限公司 | 一种用于在移动终端上显示网页主体内容的方法和设备 |
| CN103914450A (zh) * | 2012-12-31 | 2014-07-09 | 北京新媒传信科技有限公司 | 移动终端平台中网页图片呈现方法和装置 |
| CN105930467A (zh) * | 2016-04-22 | 2016-09-07 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
| CN106293411A (zh) * | 2016-08-25 | 2017-01-04 | 天脉聚源（北京）教育科技有限公司 | 一种控件展示方法及装置 |
| CN107391165A (zh) * | 2017-06-01 | 2017-11-24 | 阿里巴巴集团控股有限公司 | 控件显示方法、客户端和存储介质 |
| CN107451162A (zh) * | 2016-06-01 | 2017-12-08 | 广州市动景计算机科技有限公司 | 网络资源访问设备、混合设备及方法 |
| CN108920645A (zh) * | 2018-06-29 | 2018-11-30 | 广州视源电子科技股份有限公司 | 智能设备页面显示的方法、装置、智能设备和存储介质 |
| CN109460233A (zh) * | 2018-10-25 | 2019-03-12 | 北京字节跳动网络技术有限公司 | 页面的原生界面显示更新方法、装置、终端设备及介质 |
| CN109522500A (zh) * | 2018-11-26 | 2019-03-26 | 深圳乐信软件技术有限公司 | 网页显示方法、装置、终端和存储介质 |
| CN110020292A (zh) * | 2017-10-13 | 2019-07-16 | 华为技术有限公司 | 网页内容提取方法以及终端设备 |
-
2019
- 2019-11-13 CN CN201911107271.6A patent/CN110929205A/zh active Pending
Patent Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102073502A (zh) * | 2011-01-11 | 2011-05-25 | 百度在线网络技术（北京）有限公司 | 一种利用web原生布局进行页面渲染的方法及装置 |
| CN102314502A (zh) * | 2011-09-01 | 2012-01-11 | 百度在线网络技术（北京）有限公司 | 一种用于在移动终端上显示网页主体内容的方法和设备 |
| CN103914450A (zh) * | 2012-12-31 | 2014-07-09 | 北京新媒传信科技有限公司 | 移动终端平台中网页图片呈现方法和装置 |
| CN105930467A (zh) * | 2016-04-22 | 2016-09-07 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
| CN107451162A (zh) * | 2016-06-01 | 2017-12-08 | 广州市动景计算机科技有限公司 | 网络资源访问设备、混合设备及方法 |
| CN106293411A (zh) * | 2016-08-25 | 2017-01-04 | 天脉聚源（北京）教育科技有限公司 | 一种控件展示方法及装置 |
| CN107391165A (zh) * | 2017-06-01 | 2017-11-24 | 阿里巴巴集团控股有限公司 | 控件显示方法、客户端和存储介质 |
| CN110020292A (zh) * | 2017-10-13 | 2019-07-16 | 华为技术有限公司 | 网页内容提取方法以及终端设备 |
| CN108920645A (zh) * | 2018-06-29 | 2018-11-30 | 广州视源电子科技股份有限公司 | 智能设备页面显示的方法、装置、智能设备和存储介质 |
| CN109460233A (zh) * | 2018-10-25 | 2019-03-12 | 北京字节跳动网络技术有限公司 | 页面的原生界面显示更新方法、装置、终端设备及介质 |
| CN109522500A (zh) * | 2018-11-26 | 2019-03-26 | 深圳乐信软件技术有限公司 | 网页显示方法、装置、终端和存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10877640B2 (en) | Application interface management method and apparatus | |
| CA3038230C (en) | Information push method and device | |
| CN108134766B (zh) | 一种服务发布的方法、装置、系统、服务器及客户端 | |
| CN110768912A (zh) | Api网关限流方法及装置 | |
| CN107957837B (zh) | 网页应用程序的快捷方式生成方法、装置和终端设备 | |
| CN106547769B (zh) | 一种doi显示方法及装置 | |
| CN110764930B (zh) | 基于消息模式的请求或应答处理方法及装置 | |
| CN111222592B (zh) | 一种获取设备二维码的方法和装置 | |
| CN111580769A (zh) | 显示控制系统、方法、装置、存储介质及处理器 | |
| CN114553971A (zh) | 一种应用框架的设计方法、系统、设备及介质 | |
| CN106547792B (zh) | 一种图片分享方法及装置 | |
| CN110929205A (zh) | 用于加载网页中的控件的方法及装置 | |
| CN112579066A (zh) | 图表展示方法、装置、存储介质及设备 | |
| CN112527424A (zh) | 用于弹窗的控制方法及装置 | |
| CN111414123B (zh) | 一种信息处理方法和装置 | |
| CN107301089B (zh) | 一种app部署及调用方法和终端 | |
| CN112258300B (zh) | 一种针对订单生成的审核方法及装置 | |
| CN114037503A (zh) | 一种订单处理方法以及装置 | |
| CN114063958A (zh) | 页面分屏显示方法及装置 | |
| CN110020285B (zh) | 柱状图的处理方法及装置 | |
| CN108961380B (zh) | 图形渲染方法及装置 | |
| CN111061686A (zh) | 资源处理方法、装置、服务器及存储介质 | |
| CN110955854A (zh) | 一种热力图生成方法及装置 | |
| CN115167962A (zh) | 在网页中展示图表的方法及装置 | |
| CN111314303B (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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200327 |
|
| RJ01 | Rejection of invention patent application after publication |