CN113934482A

CN113934482A - Page display method, equipment, storage medium and device

Info

Publication number: CN113934482A
Application number: CN202010677924.0A
Authority: CN
Inventors: 李智杰; 何烁; 孙彤
Original assignee: Beijing Qihoo Technology Co Ltd
Current assignee: Beijing Qihoo Technology Co Ltd
Priority date: 2020-07-14
Filing date: 2020-07-14
Publication date: 2022-01-14

Abstract

The invention relates to the technical field of page display, and discloses a page display method, a page display device, a page storage medium and a page display device. Generating page information to be displayed corresponding to the page display request and generating an iframe data layer; acquiring a program identifier of a third-party program to be embedded; acquiring program data corresponding to the program identifier through the iframe data layer; and loading the program data into the page information to be displayed, rendering the page information to be displayed after the program data is loaded to generate a display page, so that an iframe data layer generated by the page can be obtained, acquiring the program data corresponding to each third-party program through the iframe data layer, and controlling the third-party program through the iframe data layer because the program data of the third-party program is acquired through the iframe data layer.

Description

Page display method, equipment, storage medium and device

Technical Field

The present invention relates to the field of page loading technologies, and in particular, to a page display method, device, storage medium, and apparatus.

Background

The third-party application is an application created by a developer, which is not owned by the manufacturer of the device running the application or the website providing the application itself, but can be invoked through the interface module.

However, the iframe technology cannot realize the control of the third-party program by the website program, the Web Components technical standard is not formed yet, and part of the standard is in the working draft stage and cannot be applied to the production environment.

Disclosure of Invention

The invention mainly aims to provide a page display method, a page display device, a page storage medium and a page display device, and aims to solve the problem of how to realize the control of a third-party program on the same page.

In order to achieve the above object, the present invention provides a method for displaying a page, including the steps of:

when a page display request based on a browser is received, generating to-be-displayed page information corresponding to the page display request, and generating an iframe data layer in the to-be-displayed page information;

acquiring a program identifier of a third-party program to be embedded;

acquiring program data corresponding to the program identifier through the iframe data layer;

and loading the program data into the page information to be displayed, and rendering the page information to be displayed after the program data is loaded so as to generate a display page.

Optionally, when a page display request based on a browser is received, generating information of a page to be displayed corresponding to the page display request includes:

when a page display request based on a browser is received, extracting user tag information in the page display request;

determining corresponding recommendation list information according to the user tag information;

and generating information of the page to be displayed according to the recommendation list information.

Optionally, the recommendation list information includes page skeleton diagram information and page expansion state information;

the determining of the corresponding recommendation list information according to the user tag information includes:

determining recommendation list information according to the user tag information;

acquiring page skeleton diagram information and historical page information corresponding to the recommendation list information;

and determining page expansion state information according to the historical page information.

Optionally, the recommendation list information further includes page code identification information;

the generating of the page information to be displayed according to the recommendation list information includes:

acquiring page skeleton diagram information, page expansion state information and page code identification information in the recommendation list information;

obtaining initial page information according to the page skeleton diagram information, and rendering the initial page information according to the page expansion state information to obtain rendered initial page information;

and generating page information to be displayed according to the rendered initial page information and the page code identification information.

Optionally, the generating, according to the rendered initial page information and the page code identification information, page information to be displayed includes:

sending the page code identification to a code hosting server so that the code hosting server searches corresponding page code information according to the page code identification information and feeds back the page code information;

and inserting the page code information into the rendered initial page information to generate page information to be displayed.

Optionally, before the obtaining, by the iframe data layer, the program data corresponding to the program identifier, the method further includes:

judging the communication state information of the iframe data layer in a preset time period;

and when the communication state information is communication normal, executing the step of acquiring the program data corresponding to the program identifier through the iframe data layer.

Optionally, the obtaining, by the iframe data layer, program data corresponding to the program identifier includes:

determining a corresponding third-party server according to the program identifier;

and generating a data acquisition request through the iframe data layer, and sending the data acquisition request to the third-party server so that the third-party server searches for corresponding program data according to the data acquisition request and feeds back the program data.

Optionally, after the loading the program data into the page information to be displayed and rendering the page information to be displayed after the loading of the program data to generate a display page, the method further includes:

and when a page interaction instruction is received, page updating is carried out on the display page according to the page interaction instruction.

Optionally, the page interaction instruction comprises a page scrolling instruction;

when a page interaction instruction is received, page updating is carried out on the display page according to the page interaction instruction, and the page updating method comprises the following steps:

when a page rolling instruction is received, extracting rolling area information in the page rolling instruction;

and when the information of the rolling area reaches a threshold value of the rolling area, updating the page of the display page according to the information of the rolling area.

Optionally, the page interaction instruction includes a page stop instruction;

when a page stopping instruction is received, extracting stopping time information and current display area information in the page stopping instruction;

and when the stop time information reaches the preset stop time, updating the page of the display page according to the current display area information.

Optionally, the page interaction instruction includes a page parameter adjustment instruction;

when a page parameter adjusting instruction is received, page display parameter information is obtained according to the page parameter adjusting instruction;

determining a target display state according to the page display parameter information;

and updating the display page according to the target display state.

Optionally, the page interaction instruction includes a data update instruction;

when a data updating instruction is received, determining page display data information according to the data updating instruction;

and updating the page of the display page according to the page display data information.

Optionally, when the data update instruction is received, determining page display data information according to the data update instruction includes:

when a data updating instruction is received, extracting user identification information in the data updating instruction;

searching corresponding historical browsing information in a preset browsing database according to the user identification information, wherein the preset browsing database stores the corresponding relation between the user identification information and the historical browsing information;

and determining page display data information according to the historical browsing information.

In addition, in order to achieve the above object, the present invention further provides a display device for a page, including:

the system comprises a generating module, a display module and a display module, wherein the generating module is used for generating to-be-displayed page information corresponding to a page display request when the page display request based on a browser is received, and generating an iframe data layer in the to-be-displayed page;

the acquisition module is used for acquiring a program identifier of a third-party program to be embedded;

the obtaining module is further configured to obtain, through the iframe data layer, program data corresponding to the program identifier;

the generating module is further configured to load the program data into the page information to be displayed, and render the page information to be displayed after the program data is loaded, so as to generate a display page.

Optionally, the generating module is further configured to, when a page display request based on a browser is received, extract user tag information in the page display request;

the generating module is further used for determining recommendation list information according to the user tag information;

the generation module is further used for acquiring page skeleton diagram information, page expansion state information and page code identification information in the recommendation list information;

Optionally, the generating module is further configured to send the page code identifier to a code hosting server, so that the code hosting server searches for corresponding page code information according to the page code identifier information, and feeds back the page code information;

inserting the page code information into the rendered initial page information to generate page information to be displayed

In addition, in order to achieve the above object, the present invention further provides a display device for a page, including: the system comprises a memory, a processor and a presentation program stored on the memory and running on the processor, wherein the presentation program of the page realizes the steps of the presentation method of the page as described above when being executed by the processor.

In addition, in order to achieve the above object, the present invention further provides a storage medium, where a presentation program of a page is stored, and when the presentation program of the page is executed by a processor, the steps of the presentation method of the page are implemented as described above.

According to the technical scheme provided by the invention, when a page display request based on a browser is received, page information to be displayed corresponding to the page display request is generated, and an iframe data layer is generated in the page to be displayed; acquiring a program identifier of a third-party program to be embedded; acquiring program data corresponding to the program identifier through the iframe data layer; and loading the program data into the page information to be displayed, rendering the page information to be displayed after the program data is loaded to generate a display page, so that an iframe data layer generated by the page can be obtained, acquiring the program data corresponding to each third-party program through the iframe data layer, and controlling the third-party program through the iframe data layer because the program data of the third-party program is acquired through the iframe data layer.

Drawings

FIG. 1 is a schematic diagram of a display device structure of a page of a hardware operating environment according to an embodiment of the present invention;

FIG. 2 is a schematic flow chart illustrating a first embodiment of a page displaying method according to the present invention;

FIG. 3 is a frame diagram of a page to be displayed according to an embodiment of the page displaying method of the present invention;

FIG. 4 is a schematic diagram of a cube framework according to an embodiment of a page display method of the present invention;

FIG. 5 is a schematic diagram illustrating a page interaction display according to an embodiment of a page display method of the present invention;

FIG. 6 is a flowchart illustrating a page displaying method according to a second embodiment of the present invention;

FIG. 7 is a partial UML flowchart of an embodiment of a method for displaying a page according to the present invention;

FIG. 8 is a block diagram of a first embodiment of a display device for pages of the present invention.

The implementation, functional features and advantages of the objects of the present invention will be further explained with reference to the accompanying drawings.

Detailed Description

It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.

Referring to fig. 1, fig. 1 is a schematic structural diagram of a display device of a page of a hardware operating environment according to an embodiment of the present invention.

As shown in fig. 1, the presentation device of the page may include: a processor 1001, such as a Central Processing Unit (CPU), a communication bus 1002, a user interface 1003, a network interface 1004, and a memory 1005. Wherein a communication bus 1002 is used to enable connective communication between these components. The user interface 1003 may include a Display screen (Display), the optional user interface 1003 may also include a standard wired interface and a wireless interface, and the wired interface of the user interface 1003 may be a Universal Serial Bus (USB) interface in the present invention. The network interface 1004 may optionally include a standard wired interface as well as a wireless interface (e.g., WI-FI interface). The Memory 1005 may be a high speed Random Access Memory (RAM); or a stable Memory, such as a Non-volatile Memory (Non-volatile Memory), and may be a disk Memory. The memory 1005 may alternatively be a storage device separate from the processor 1001.

Those skilled in the art will appreciate that the configuration shown in FIG. 1 does not constitute a limitation of the presentation device of the page, and may include more or fewer components than those shown, or some components in combination, or a different arrangement of components.

As shown in fig. 1, a memory 1005, which is a kind of computer storage medium, may include therein a presentation program of an operating system, a network communication module, a user interface module, and a page.

In the display device of the page shown in fig. 1, the network interface 1004 is mainly used for connecting to a background server and performing data communication with the background server; the user interface 1003 is mainly used for connecting peripheral equipment; the page display device calls a page display program stored in the memory 1005 through the processor 1001, and executes the page display method provided by the embodiment of the present invention.

Based on the hardware structure, the embodiment of the page display method is provided.

Referring to fig. 2, fig. 2 is a flowchart illustrating a first embodiment of a page displaying method according to the present invention.

In a first embodiment, the method for displaying the page includes the following steps:

step S10: when a page display request based on a browser is received, generating to-be-displayed page information corresponding to the page display request, and generating an iframe data layer in the to-be-displayed page information.

It should be noted that the display device whose execution main body is a page in the embodiment may also be other devices that can implement the same or similar functions, which is not limited in the embodiment.

In this embodiment, the page display request is generated when a user accesses a Web product through a browser, and may also be generated in other manners, which is not limited in this embodiment.

In the specific implementation, a user accesses a Web product through a browser, the Web page dynamically creates an iframe as a data layer, in this embodiment, a recommendation system is provided, and the recommendation system performs recommendation through a series of algorithm personalized recommendations such as whether to display, display quantity, display sequence and the like.

It should be noted that the Web page initiates an asynchronous request to the page recommendation system, requests a recommendation interface, the recommendation system performs personalized recommendation through a series of algorithms, recommends a cube program list and a corresponding code ID, returns the code ID to the Web page, creates an iframe through the Web page and requests the cube recommendation system for recommendation data in order to generate an iframe data layer in the page information to be displayed, and the iframe technology in this embodiment may be replaced by a Web word or ServiceWorker technology.

Step S20: and acquiring a program identifier of the third-party program to be embedded.

In this embodiment, the third-party programs are multiple, so that the website program and an infinite number of third-party programs can be simultaneously run and displayed in the same webpage, where the third-party programs include service programs, such as a colleague or a game, and may also include function programs, such as an expansion or a retraction, and the embodiment is not limited thereto.

It is to be understood that the program identifier may be a program ID, and may also be identification information in other forms, which is not limited in this embodiment, the program ID is taken as an example for description, and a corresponding third-party program server may be obtained through the program identifier, so that corresponding program data may be obtained from the third-party program server.

Step S30: and acquiring program data corresponding to the program identifier through the iframe data layer.

It should be noted that the program data may be resource data required by the third-party program, that is, actual content information of the third-party program.

In a specific implementation, a recommendation list is returned by the cube recommendation system, the list is traversed, and a plurality of cube codes are requested from the cube code hosting server. After the webpage receives and returns, running each cube code, executing onLoad () and onReady () functions agreed in the cube codes, initiating a data request or acquiring local data to a third-party server through an iframe data layer, and traversing a recommendation list and requesting codes from the cube code hosting server, wherein the cube skeleton diagram is shown in FIG. 4.

It can be understood that onLoad () and onReady () functions are agreed life cycle functions, which are a series of functions recording the process from creation to destruction of a component, and are also called hook functions, and the life cycle is divided into before creation or after creation, before mounting or after mounting, and the like, so as to implement the calling process of data.

Step S40: and loading the program data into the page information to be displayed, and rendering the page information to be displayed after the program data is loaded so as to generate a display page.

It should be noted that, in order to ensure the accuracy of the acquired data, before acquiring the program data corresponding to the program identifier through the iframe data layer, the method further includes: judging the communication state information of the iframe data layer in a preset time period; and when the communication state information is communication normal, executing the step of acquiring the program data corresponding to the program identifier through the iframe data layer.

In this embodiment, the preset time period may be 1s, and may also be other parameter information, which is not limited in this embodiment, for example, a communication test is performed on the iframe data layer within 1s, and when the test information can be received, it is described that the communication of the iframe data layer is normal.

In the specific implementation, whether the iframe is ready is detected, if so, the iframe data layer interacts with a third-party program server, otherwise, a ready signal is waited, when a page receives the ready signal within a limited time, program data corresponding to the program identifier is obtained through the iframe data layer, and when the page does not receive the ready signal beyond the limited time, a life cycle function onError () agreed in the cube code is called, so that current state information is obtained, and the state tracking of page generation is realized.

In this embodiment, in order to obtain the program data corresponding to the program identifier through the iframe data layer, specifically, the method includes: determining a corresponding third-party server according to the program identifier; and generating a data acquisition request through the iframe data layer, and sending the data acquisition request to the third-party server so that the third-party server searches for corresponding program data according to the data acquisition request and feeds back the program data.

In a specific implementation, a lifecycle function onReady () agreed in the cube code is called, and local data and remote data can be acquired through an iframe data layer in the function. The local data is realized by sending an instruction to the iframe, and the iframe takes the data from the local storage in the current domain and then returns the data to the webpage. The remote data is realized by sending an instruction to the iframe, then initiating a request to the third-party server by the iframe, acquiring data returned by the third-party interface, and then returning the data to the webpage through the iframe, so that information interaction with the third-party server through the iframe data layer is realized, and the flexibility of page number generation is realized.

In the embodiment, when a page display request based on a browser is received, generating information of a page to be displayed corresponding to the page display request, and generating an iframe data layer in the page to be displayed; acquiring a program identifier of a third-party program to be embedded; acquiring program data corresponding to the program identifier through the iframe data layer; and loading the program data into the page information to be displayed, and rendering the page information to be displayed after the program data is loaded to generate a display page, so that the program data corresponding to each third-party program can be acquired through the iframe data layer.

In an embodiment, after the loading the program data into the page information to be displayed and rendering the page information to be displayed after the loading of the program data to generate a display page, the method further includes:

It should be noted that the page interaction instruction includes that the user displays a page to perform a scrolling operation, a stopping operation, an expanding operation, a dislike operation, and the like, and may also include other operation information, which is not limited in this embodiment, and may receive operation information of the user on a display interface, and the page may be updated through the operation information, as shown in the page interaction display diagram shown in fig. 5, a dislike and expanding control and other control information may also be provided on the display page, which is not limited in this embodiment, and the user operates through the control, and obtains a corresponding page to display according to the operation information of the user, so as to implement friendly interaction of the page.

In an embodiment, the page interaction instructions comprise page scrolling instructions; when a page interaction instruction is received, page updating is carried out on the display page according to the page interaction instruction, and the page updating method comprises the following steps:

when a page rolling instruction is received, extracting rolling area information in the page rolling instruction; and when the information of the rolling area reaches a threshold value of the rolling area, updating the page of the display page according to the information of the rolling area.

In this embodiment, the threshold of the scrolling area is the bottom of the page, the operation information of the user is monitored in real time, the operation area information is obtained according to the operation information, and when the user operates the bottom, the current page can be updated according to the interests of the user, so that the flexibility of page display is improved, and the use range of the page is enlarged.

In the specific implementation, when a user scrolls a webpage downwards, namely the bottom of the webpage is touched, the webpage display request is re-entered, the webpage initiates an asynchronous request to the cube recommendation system again, a batch of new cubes are loaded and displayed in the webpage, but under the condition that the page is generated, when the webpage is scrolled to the bottom, the iframe data layer is not dynamically created again in the process, the data layer which is created before is reused, and data acquisition operation is performed according to the iframe data layer.

It should be noted that, when the user scrolls the web page downwards, when the user is about to touch the bottom of the web page, the user requests a batch of new cube recommendation data from the cube recommendation system again, requests and runs each cube code after requesting the cube recommendation data, executes onLoad () and onReady () functions in each cube, initiates a remote data request to a third-party server, and finally renders the data into the cube interface, thereby implementing real-time update of the page.

In one embodiment, the page interaction instructions comprise page stop instructions; when a page interaction instruction is received, page updating is carried out on the display page according to the page interaction instruction, and the page updating method comprises the following steps:

when a page stopping instruction is received, extracting stopping time information and current display area information in the page stopping instruction; and when the stop time information reaches the preset stop time, updating the page of the display page according to the current display area information.

In this embodiment, the preset stop time may be 1s, and may also be other parameter information, which is not limited in this embodiment, and in this embodiment, 1s is taken as an example for description.

In the specific implementation, after a user stops scrolling a webpage and stays for 1 second, each cube is traversed, whether the cube moves from the visible area to the visible area is detected, if so, a life cycle function onShow () appointed in the cube code is called, and meanwhile, user data are fed back to the cube recommendation system to optimize the recommendation quality. On the contrary, after the rolling is stopped for 1 second, each cube is traversed, whether the cube moves from the inside of the visible area to the outside of the visible area is detected, and if the cube moves from the inside of the visible area to the outside of the visible area, a life cycle function onHide () appointed in the cube code is called, so that the omnibearing page display is realized.

In an embodiment, the page interaction instruction includes a page parameter adjustment instruction.

It should be noted that the page parameter adjustment instruction includes a page expansion instruction or a page retraction instruction, and may further include other instructions that can implement the same or similar functions.

when a page parameter adjusting instruction is received, page display parameter information is obtained according to the page parameter adjusting instruction; determining a target display state according to the page display parameter information; and updating the display page according to the target display state.

It can be understood that the target display state includes related information such as display quantity information, display sequence information, whether to display or not, and may further include other state information, which is not limited in this embodiment.

In a specific implementation, when a user clicks a button "expand" at the upper right corner of a cube, the height of the cube interface is increased, the expanded state is stored, and then a lifecycle function oneexpand () agreed in the cube code is called. And simultaneously feeding back user data to the cube recommendation system to optimize the recommendation quality, reducing the height of the cube interface and clearing the expansion state when a user clicks a button 'retract' at the upper right corner of the cube, and then calling a life cycle function onCollapse () appointed in the cube code. And simultaneously feeding back user data to the cube recommendation system to optimize recommendation quality.

In an embodiment, the page interaction instructions comprise data update instructions.

It should be noted that the data update instruction may be a user dislike instruction, and may also be other instruction information that can implement the same or similar functions.

when a data updating instruction is received, determining page display data information according to the data updating instruction; and updating the page of the display page according to the page display data information.

In a specific implementation, when the user clicks the button "dislike" in the upper right corner of the cube, the cube is deleted from the web page and the expansion state is cleared, and then the lifecycle function onUnload () agreed in the cube code is called. Meanwhile, an instruction is sent to the iframe data layer, local data are cleared, and user data are fed back to the cube recommendation system to optimize recommendation quality.

In an embodiment, the determining, when a data update instruction is received, page display data information according to the data update instruction includes:

when a data updating instruction is received, extracting user identification information in the data updating instruction; searching corresponding historical browsing information in a preset browsing database according to the user identification information, wherein the preset browsing database stores the corresponding relation between the user identification information and the historical browsing information; and determining page display data information according to the historical browsing information.

In specific implementation, if a user performs an unfolding or folding operation on a certain cube, the unfolded state can be stored by a webpage for a long time, and when the user accesses the website next time and the cube appears, the unfolded state stored by the cube can be preferentially acquired, so that the interface height is consistent with the previous access. When the user carries out the folding and dislike operations of the cube, the unfolded state stored by the cube is cleared.

It can be understood that when the user clicks the button "expand" in the upper right corner of the cube, the height of the cube interface is increased and the expanded state is stored, and then the lifecycle function oneexpand () agreed in the cube code is called. And simultaneously feeding back user data to the cube recommendation system to optimize recommendation quality. After deployment, the top right "deploy" button would be replaced with a "stow" button. Conversely, when the user clicks the button "pack" in the upper right corner of the cube, the height of the cube interface is reduced and the expanded state is cleared, and then the lifecycle function onCollapse () agreed in the cube code is called. And simultaneously feeding back user data to the cube recommendation system to optimize recommendation quality. After the folding, the folding button at the upper right corner can be replaced by an unfolding button, so that the omnibearing user interaction is realized, and the effectiveness of the user interaction is improved.

Referring to fig. 6, fig. 6 is a flowchart illustrating a method for displaying a page according to a second embodiment of the present invention, which is proposed based on the first embodiment illustrated in fig. 2.

In the second embodiment, the step S10 includes:

step S101, when a page display request based on a browser is received, extracting user tag information in the page display request.

It should be noted that, before the page is generated, algorithm personalized recommendation can be performed according to interests and hobbies of the user and internet surfing behaviors, and in order to implement personalized recommendation of the page, the content information of the page to be displayed is determined according to the tag information in the page display request.

In this embodiment, the user tag information may be user account information for a user to access a current page, or may also be information that can be identified by the user in other forms.

And step S102, determining corresponding recommendation list information according to the user tag information.

It should be noted that the recommendation list information includes page skeleton diagram information, page expansion state information, and page code identification information, that is, the recommendation list information includes page frame information, resource information, and code information required for page generation, so as to obtain each component of page generation.

And step S103, generating page information to be displayed according to the recommendation list information.

In a specific implementation, as shown in a partial UML flow diagram of fig. 7, a user logs in a browser, the browser may interact with a cube recommendation system, a cube code hosting server, and a third-party server, after an iframe data layer is created, a cube recommendation interface may be requested to access the cube recommendation system to obtain a cube program recommendation list, obtain an expansion state and display a skeleton diagram, and may also request a cube program code by accessing the cube code hosting server.

In one embodiment, the recommendation list information includes page skeleton diagram information and page expansion state information; step S102, comprising:

determining recommendation list information according to the user tag information; acquiring page skeleton diagram information and historical page information corresponding to the recommendation list information; and determining page expansion state information according to the historical page information.

In this embodiment, the recommendation list information is history information of web pages browsed by a user monitored according to the user tag information, preference information of the user is obtained according to the history information of the web pages browsed by the user, and page skeleton diagram information and history page information are determined according to the preference information, where the page skeleton diagram information is distribution information of each application program on a page, and the history page information is information of types and display numbers of the application programs preferred by the user. And determining page expansion state information according to the historical page information, for example, if the user likes to display only 3 third-party programs, generating a display page according to the number of the user preferences when the page is generated.

In an embodiment, the recommendation list information further includes page code identification information;

the step S103 includes: acquiring page skeleton diagram information, page expansion state information and page code identification information in the recommendation list information, and determining the recommendation list information according to the page skeleton diagram information and the page expansion state information.

In specific implementation, after a webpage gets to a cube program recommendation list, traversing the list to obtain a skeleton diagram, an expansion state and a code ID of each cube, so that resource information required by the webpage is obtained through recommendation list information, and effective management of page data is achieved.

And obtaining initial page information according to the page skeleton diagram information, and rendering the initial page information according to the page expansion state information to obtain rendered initial page information.

In specific implementation, each cube interface is rendered and a skeleton diagram is displayed according to an expansion state, then a corresponding cube program code is requested to a cube code hosting server, and when a browser which does not support the http2 protocol is used, a plurality of requests are combined into one request, so that the total time is shortened, and the page generation efficiency is improved.

In specific implementation, after a webpage gets a cube program recommendation list, traversing the list, obtaining a skeleton diagram, an expansion state and a code ID of each cube, rendering each cube interface according to the expansion state, displaying the skeleton diagram, and then requesting a corresponding cube program code from a cube code hosting server.

In an embodiment, the generating the page information to be displayed according to the rendered initial page information and the page code identification information includes:

sending the page code identification to a code hosting server so that the code hosting server searches corresponding page code information according to the page code identification information and feeds back the page code information; and inserting the page code information into the rendered initial page information to generate page information to be displayed.

In a specific implementation, after the webpage receives each cube code, the webpage inserts the CSS code of the cube into the page, and calls a life cycle function onLoad () appointed in the cube code, so as to generate page information to be displayed.

In this embodiment, the current page may perform information interaction with the code hosting server, and when the code identifier of the display page is obtained, the corresponding code information may be searched in the code hosting server through the code identifier, and the page code information is inserted into the rendered initial page information to generate the page information to be displayed, without searching a code locally, thereby reducing the performance loss of the page.

In addition, an embodiment of the present invention further provides a storage medium, where a page display program is stored on the storage medium, and the page display program, when executed by a processor, implements the steps of the terminal network access method described above.

Since the storage medium adopts all technical solutions of all the embodiments, at least all the beneficial effects brought by the technical solutions of the embodiments are achieved, and no further description is given here.

In addition, referring to fig. 8, an embodiment of the present invention further provides a device for displaying a page, where the device for displaying a page includes:

the generating module 10 is configured to generate, when a page display request based on a browser is received, to-be-displayed page information corresponding to the page display request, and generate an iframe data layer in the to-be-displayed page information.

It should be noted that the webpage initiates an asynchronous request to the page recommendation system, requests a recommendation interface, the recommendation system performs personalized recommendation through a series of algorithms, recommends a cube program list and a corresponding code ID, returns the cube program list and the corresponding code ID to the webpage, creates an iframe through the webpage and requests the cube recommendation system for recommendation data in order to generate an iframe data layer in the page information to be displayed.

And the obtaining module 20 is configured to obtain a program identifier of the third-party program to be embedded.

The obtaining module 20 is further configured to obtain, through the iframe data layer, program data corresponding to the program identifier.

The generating module 10 is further configured to load the program data into the page information to be displayed, and render the page information to be displayed after the program data is loaded, so as to generate a display page.

In the embodiment, when a page display request based on a browser is received, generating information of a page to be displayed corresponding to the page display request, and generating an iframe data layer in the page to be displayed; acquiring a program identifier of a third-party program to be embedded; acquiring program data corresponding to the program identifier through the iframe data layer; and loading the program data into the page information to be displayed, rendering the page information to be displayed after the program data is loaded to generate a display page, so that an iframe data layer can be generated through the page, program data corresponding to each third-party program can be acquired through the iframe data layer, and the program data of the third-party programs can be acquired through the iframe data layer, so that the third-party programs can be controlled through the iframe data layer.

The generating module is further used for extracting user tag information in the page display request when the page display request based on the browser is received;

In one embodiment, the recommendation list information includes page skeleton diagram information and page expansion state information;

In an embodiment, the generating module is further configured to send the page code identifier to a code hosting server, so that the code hosting server searches for corresponding page code information according to the page code identifier information, and feeds back the page code information;

In one embodiment, the apparatus for displaying the page further comprises: a judgment module;

the judging module is used for judging the communication state information of the iframe data layer in a preset time period;

In an embodiment, the obtaining module is further configured to determine a corresponding third-party server according to the program identifier;

In one embodiment, the apparatus for displaying the page further comprises: an interaction module;

and the interaction module is used for updating the display page according to the page interaction instruction when the page interaction instruction is received.

In an embodiment, the page interaction instructions comprise page scrolling instructions;

the interaction module is further used for extracting the information of the scrolling area in the page scrolling instruction when the page scrolling instruction is received;

In one embodiment, the page interaction instructions comprise page stop instructions;

the interaction module is further used for extracting the stop time information and the current display area information in the page stop instruction when the page stop instruction is received;

In one embodiment, the page interaction instruction comprises a page parameter adjustment instruction;

the interaction module is further used for acquiring page display parameter information according to the page parameter adjustment instruction when the page parameter adjustment instruction is received;

and updating the display page according to the target display state.

In one embodiment, the page interaction instructions comprise data update instructions;

the interaction module is further used for determining page display data information according to the data updating instruction when the data updating instruction is received;

In an embodiment, the interaction module is further configured to, when a data update instruction is received, extract user identification information in the data update instruction;

The page display device of the invention adopts all the technical solutions of all the embodiments, so that the page display device at least has all the beneficial effects brought by the technical solutions of the embodiments, and details are not repeated herein.

The invention provides a page display method A1, which comprises the following steps:

acquiring a program identifier of a third-party program to be embedded;

A2, the method for displaying page according to claim A1, wherein the step of generating the page information to be displayed corresponding to the page display request when the page display request based on the browser is received comprises:

A3, the method for displaying the page of claim A2, wherein the recommendation list information includes page skeleton map information and page spread state information;

A4, the method for displaying a page recited in claim A3, said recommendation list information further including page code identification information;

A5, the method for displaying page according to claim A4, wherein said generating information of page to be displayed according to said rendered initial page information and said page code identification information includes:

A6, the method for displaying a page recited in any one of claims a1 to a5, before the acquiring, by the iframe data layer, program data corresponding to the program identification, the method further comprising:

A7, the method for displaying a page recited in any one of claims a1 to a5, the obtaining, by the iframe data layer, program data corresponding to the program identifier includes:

A8, the method for displaying the page recited in any one of claims a1 to a5, wherein after the program data is loaded into the information of the page to be displayed, the information of the page to be displayed after the program data is loaded is rendered to generate a displayed page, the method further comprises:

A9, the method for displaying a page recited in claim A8, said page interaction instruction including a page scrolling instruction;

A10, the method for displaying page of claim A8, said page interaction command includes a page stop command;

A11, the method for displaying page as claimed in claim A8, said page interaction command includes a page parameter adjustment command;

and updating the display page according to the target display state.

A12, the method for displaying page of claim A8, said page interaction command includes a data update command;

A13, the method for displaying page according to claim A12, wherein said determining page display data information according to the data update command when receiving the data update command, comprises:

B14, a device for displaying a page, the device for displaying a page comprising:

B15, the device for displaying page according to claim B14, the generating module is further used for extracting the user tag information in the page display request when the page display request based on the browser is received;

B16 presentation device of the page of claim B15, the recommendation list information comprising page skeleton map information and page spread state information;

B17 presentation device of a page as claimed in claim B16, the recommendation list information further comprising page code identification information;

B18, the device for displaying a page as claimed in claim B17, wherein the generating module is further configured to send the page code identifier to a code hosting server, so that the code hosting server searches for corresponding page code information according to the page code identifier information, and feeds back the page code information;

The above description is only a preferred embodiment of the present invention, and not intended to limit the scope of the present invention, and all modifications of equivalent structures and equivalent processes, which are made by using the contents of the present specification and the accompanying drawings, or directly or indirectly applied to other related technical fields, are included in the scope of the present invention.

Claims

1. A page display method is characterized by comprising the following steps:

acquiring a program identifier of a third-party program to be embedded;

2. The method for displaying a page according to claim 1, wherein the generating, when a page display request based on a browser is received, page information to be displayed corresponding to the page display request includes:

3. The method for displaying a page of claim 2, wherein the recommendation list information includes page skeleton map information and page spread state information;

4. The method for presenting a page of claim 3, wherein the recommendation list information further includes page code identification information;

5. The method for displaying page according to claim 4, wherein said generating information of page to be displayed according to the rendered initial page information and the page code identification information comprises:

6. The method for displaying a page recited in any one of claims 1 to 5, wherein before the program data corresponding to the program identifier is acquired through the iframe data layer, the method further comprises:

7. The method for displaying the page, according to any one of claims 1 to 5, wherein said obtaining the program data corresponding to the program identifier through the iframe data layer includes:

8. A device for displaying a page, the device comprising:

9. A device for displaying a page, characterized in that it comprises: memory, processor and a presentation program stored on the memory and running on the processor of a page, the presentation program of a page, when executed by the processor, implementing the steps of the presentation method of a page according to any one of claims 1 to 7.

10. A storage medium, characterized in that the storage medium stores a presentation program of pages, and the presentation program of pages realizes the steps of the presentation method of pages according to any one of claims 1 to 7 when executed by a processor.