CN114063958A - Page split-screen display method and device - Google Patents
Page split-screen display method and device Download PDFInfo
- Publication number
- CN114063958A CN114063958A CN202111357812.8A CN202111357812A CN114063958A CN 114063958 A CN114063958 A CN 114063958A CN 202111357812 A CN202111357812 A CN 202111357812A CN 114063958 A CN114063958 A CN 114063958A
- Authority
- CN
- China
- Prior art keywords
- page
- split
- screen
- container
- screen display
- 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 54
- 230000009191 jumping Effects 0.000 claims abstract description 7
- 238000000926 separation method Methods 0.000 claims abstract description 5
- 238000004590 computer program Methods 0.000 claims description 13
- 230000004044 response Effects 0.000 claims description 12
- 238000010586 diagram Methods 0.000 description 11
- 230000008569 process Effects 0.000 description 4
- 230000001960 triggered effect Effects 0.000 description 4
- 238000004891 communication Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000000694 effects Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- 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]
Abstract
The application discloses a page split-screen display method. The method comprises the following steps: displaying a first page of an application program in a full screen mode by adopting a first screen separation container; responding to a first page jump operation based on the first page, and judging whether a second page after jumping supports split-screen display according to a query parameter in a first page jump request generated by the first page jump operation, wherein the first page jump request comprises a uniform resource locator for acquiring page data of the second page; if the second page is judged to support split-screen display, adjusting the sizes of the first split-screen container and the first page, and generating a second split-screen container; and displaying the first page after the size adjustment in the first split-screen container, and displaying the second page in the second split-screen container. The application can improve user experience.
Description
Technical Field
The application relates to the technical field of computers, in particular to a page split-screen display method and device.
Background
With the increasing abundance of functions of application programs in the mobile terminal, a native (native) page in the application program can be displayed in a split screen mode. However, the inventor has found that when the split screen mode of the application is turned on, a scene affecting the user experience as shown in fig. 1 may occur. Specifically, when the application is in the split-screen mode, if the user clicks a certain button in the page a to jump the page a to the page B, the page B is displayed in the left screen area, the right screen area is in a blank state, and only when the second page is operated again (for example, the button B in the second page), the page C is triggered to be generated, and the page C is displayed in the remaining area of the screen.
Disclosure of Invention
In view of the above, a method, an apparatus, a computer device and a computer readable storage medium for split screen display of a page are provided to solve the problem of poor user experience in split screen display in the prior art.
The application provides a page split-screen display method, which comprises the following steps:
displaying a first page of an application program in a full screen mode by adopting a first screen separation container;
responding to a first page jump operation based on the first page, and judging whether a second page after jumping supports split-screen display according to a query parameter in a first page jump request generated by the first page jump operation, wherein the first page jump request comprises a uniform resource locator for acquiring page data of the second page;
if the second page is judged to support split-screen display, adjusting the sizes of the first split-screen container and the first page, and generating a second split-screen container;
and displaying the first page after the size adjustment in the first split-screen container, and displaying the second page in the second split-screen container.
Optionally, before the step of displaying the first page of the application in full screen by using the first split-screen container, the method further includes:
displaying the initial page of the application program in a full screen mode by adopting a full screen container;
responding to a second page jump operation based on the initial page, and judging whether the jumped first page supports split-screen display according to a query parameter in a second page jump request generated by the second page jump operation, wherein the second page jump request comprises a uniform resource locator for acquiring page data of the first page;
if the first page supports split-screen display, splitting the full-screen container into the first split-screen container.
Optionally, the adjusting the size of the first split-screen container comprises:
acquiring a preset configuration file, wherein the configuration file comprises view proportions of the first page and the second page;
and adjusting the size of the first split-screen container according to the view proportion of the first page and the second page.
Optionally, the method further comprises:
and if the second page is judged not to support split-screen display, displaying the second page in the first split-screen container in a full screen mode.
Optionally, after the step of displaying the resized first page in the first split-screen container and the second page in the second split-screen container, the method further includes:
responding to a page closing operation based on the second page, and displaying the first page in the first split screen container in a full screen mode according to the page closing operation; or
Responding to a page closing operation based on the first page, and displaying the second page in the second split screen container in a full screen mode according to the page closing operation.
Optionally, after the step of displaying the resized first page in the first split-screen container and the second page in the second split-screen container, the method further includes:
responding to a third page jump operation based on the second page, and judging whether a third page after the jump supports split-screen display according to a query parameter in a third page jump request generated by the third page jump operation, wherein the third page jump request comprises a uniform resource locator for acquiring third page data of the third page;
and if the third page is judged to support split-screen display, displaying the first page after the size adjustment in the first split-screen container, and displaying the third page in the second split-screen container.
Optionally, the first page, the second page and the third page are all H5 pages.
The application also provides a page split-screen display device, including:
the first display module is used for displaying a first page of the application program in a full screen mode by adopting a first screen separation container;
the response module is used for responding to a first page jump operation based on the first page and judging whether a second page after the jump supports split-screen display according to a query parameter in a first page jump request generated by the first page jump operation, wherein the first page jump request comprises a uniform resource locator used for acquiring page data of the second page;
the adjusting module is used for adjusting the sizes of the first split-screen container and the first page and generating a second split-screen container if the second page is judged to support split-screen display;
and the second display module is used for displaying the first page after the size adjustment in the first split-screen container and displaying the second page in the second split-screen container.
The present application further provides a computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, the processor implementing the steps of the above method when executing the computer program.
The present application also provides a computer-readable storage medium having stored thereon a computer program which, when being executed by a processor, carries out the steps of the above-mentioned method.
The embodiment displays a first page of an application program in a full screen mode by adopting a first split screen container; responding to a first page jump operation based on the first page, and judging whether a second page after jumping supports split-screen display according to a query parameter in a first page jump request generated by the first page jump operation, wherein the first page jump request comprises a uniform resource locator for acquiring page data of the second page; if the second page is judged to support split-screen display, adjusting the sizes of the first split-screen container and the first page, and generating a second split-screen container; and displaying the first page after the size adjustment in the first split-screen container, and displaying the second page in the second split-screen container. According to the method and the device, whether the page supports split-screen display or not is judged through the query parameter in the access request, when the split-screen display is judged to be supported, the first page is displayed through one split-screen container, the second page is displayed through the other split-screen container, the two pages are displayed simultaneously, and user experience is improved.
Drawings
FIG. 1 is a schematic diagram of a prior art page split display;
FIG. 2 is an environment diagram of a page split-screen display method according to an embodiment of the present application;
FIG. 3 is a flowchart of an embodiment of a method for split-screen display of a page according to the present application;
FIG. 4 is a flowchart illustrating another embodiment of a method for split-screen display of a page according to the present application;
FIG. 5 is a diagram illustrating an initial page displayed in one embodiment of the present application;
FIG. 6 is a diagram illustrating a first page displayed in an embodiment of the present application;
FIG. 7 is a flowchart illustrating a detailed process of adjusting the size of the first split-screen container 7 according to an embodiment of the present application;
FIG. 8 is a schematic diagram of a first page and a second page displayed in an embodiment of the present application;
FIG. 9 is a flowchart illustrating another embodiment of a method for split-screen display of a page according to the present application;
FIG. 10 is a schematic diagram of a first page and a third page displayed in an embodiment of the present application;
FIG. 11 is a block diagram of a program for an embodiment of a page split display apparatus according to the present application;
fig. 12 is a schematic hardware structure diagram of a computer device for executing a page split-screen display method according to an embodiment of the present application.
Detailed Description
The advantages of the present application are further illustrated below with reference to the accompanying drawings and specific embodiments.
Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The implementations described in the exemplary embodiments below are not intended to represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present disclosure, as detailed in the appended claims.
The terminology used in the present disclosure is for the purpose of describing particular embodiments only and is not intended to be limiting of the disclosure. As used in this disclosure and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It should also be understood that the term "and/or" as used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items.
It is to be understood that although the terms first, second, third, etc. may be used herein to describe various information, such information should not be limited to these terms. These terms are only used to distinguish one type of information from another. For example, first information may also be referred to as second information, and similarly, second information may also be referred to as first information, without departing from the scope of the present disclosure. The word "if" as used herein may be interpreted as "at … …" or "when … …" or "in response to a determination", depending on the context.
In the description of the present application, it should be understood that the numerical references before the steps do not identify the order of performing the steps, but merely serve to facilitate the description of the present application and to distinguish each step, and therefore should not be construed as limiting the present application.
Fig. 2 schematically shows an application environment diagram of a page split-screen display method according to an embodiment of the present application. In an exemplary embodiment, the system of the application environment may include the terminal device 10 and the server 20. Wherein the terminal device 10 forms a wireless or wired connection with the server 20. The terminal device 10 may be a mobile phone, an iPAD, a tablet computer, or the like. The server 20 may be a server or a server cluster composed of multiple servers, or a cloud computing center, and the like, and is not limited herein. The terminal device 10 is installed with an application program, and the application program can run the program code of the page split-screen display method, so as to realize the split-screen display of the page.
Fig. 3 is a schematic flow chart of a page split-screen display method according to an embodiment of the present application. According to the page split-screen display method, the flow chart in the embodiment of the method is not used for limiting the sequence of the execution steps. As can be seen from the figure, the page split-screen display method provided in this embodiment includes:
and step S30, displaying the first page of the application program in a full screen mode by adopting the first screen container.
Specifically, the application may be various types of Applications (APP), such as a video application, a game application, a news application, a social application, a live application, and the like.
The first page is a non-main interface displayed after the application program is started. The main interface refers to a first page displayed after the application program is started.
The first split screen container is obtained by splitting the full screen container. In an exemplary embodiment, a full-screen container may be split into multiple split-screen containers by a split control (SplitContainer). The split container is a container containing a split bar of the split device, one container can be split into two containers, namely, Panel1 and Panel2, through the split bar in the split device, the sizes of the two split containers can be controlled through moving the split bar, and when the split bar is moved to the leftmost side or the rightmost side, the full-screen container can be split into one split-screen container, namely, the size of the other split-screen container is zero.
In an embodiment, one splitting control may be used to split the full-screen container horizontally into an upper split container and a lower split container, or one splitting control may be used to split the full-screen container vertically into a left split container and a right split container.
In an exemplary embodiment, referring to fig. 4, before the step of displaying the first page of the application in full screen by using the first split-screen container, the method further includes:
and step S40, displaying the initial page of the application program in a full screen mode by adopting a full screen container.
In particular, the full-screen container refers to a container that is not subject to the split control to split the container for displaying pages. And the full-screen container is used for bearing the initial page for displaying, and the size of the full-screen container is the same as that of the screen, so that the initial page can be displayed in a full screen mode in the screen.
The initial page can be a main interface displayed after the application program is started, and can also be a page which does not support split screen display in the page displayed after the application program is started.
In this embodiment, when the application program is displaying the initial page, it will use the full screen container for full screen display.
It should be noted that, the full-screen display page described in the present application refers to the entire display area of the screen used for displaying the page.
Step S41, responding to a second page jump operation based on the initial page, and judging whether the jumped first page supports split screen display according to a query parameter in a second page jump request generated by the second page jump operation, wherein the second page jump request comprises a uniform resource locator for acquiring page data of the first page.
Specifically, the second jump operation is used to jump the initial page to the first page.
As an example, referring to fig. 5, a user may click a button a in the initial page to trigger the second page jump operation, and after receiving the second page jump operation triggered by the user, the terminal device may respond to the second page jump operation, specifically, the terminal device may first generate a corresponding second page jump request according to the second page jump operation, and then send the second page jump request to the server, so that the server may return page data of the first page according to the second page jump request.
In addition, after the terminal equipment generates a second page jump request, whether the first page supports split screen display or not is judged according to the query parameter in the second page jump request. In this embodiment, whether the first page supports split-screen display may be determined by determining whether the query parameter is a preset query parameter.
The second page jump request includes a Uniform Resource Locator (URL) for obtaining page data of the first page, and the URL includes a Query parameter.
The Query parameter is a parameter in the URL used to convey parameters to dynamic web pages (e.g., web pages made using CGI, ISAPI, PHP/JSP/ASP. net, etc.), and may have multiple parameters, separated by the "&" symbol, with the name and value of each parameter separated by the "&" symbol.
In this embodiment, in order to determine whether the first page supports split-screen display through the second page jump request, when a developer configures a URL for accessing the first page, a Query parameter field is added to the URL to set whether the first page supports split-screen display. Therefore, when the second page jump request is generated, whether the first page supports full-screen display or not can be judged according to the Query parameter in the second page jump request.
As an example, a Query parameter "allow _ hd _ to _ split ═ 1" may be added to the URL to indicate that the first page supports split screen display. Similarly, a Query parameter "allow _ hd _ to _ split ═ 0" may be added to the URL to indicate that the first page does not support split screen display. In this way, after the second page jump request is generated, it can be determined whether the Query parameter in the generated second page jump request is "allow _ hd _ to _ split ═ 1" or "allow _ hd _ to _ split ═ 0". If the Query parameter is "allow _ hd _ to _ split ═ 1", it may be determined that the first page supports split-screen display; if the Query parameter is "allow _ hd _ to _ split ═ 0", it may be determined that the first page does not support split display.
In this embodiment, in order to determine whether the first page supports split-screen display through the second page jump request, when a developer configures a URL for accessing the first page, a Query parameter field needs to be added to the URL to set whether the first page supports split-screen display. Therefore, when the second page jump request is generated, whether the first page supports full-screen display or not can be judged according to the Query parameter in the second page jump request.
Step S42, if the first page supports split-screen display, splitting the full-screen container into the first split-screen container.
Specifically, when it is determined that the first page supports split-screen display, the full-screen container may be split into the first split-screen container. If the first page is judged not to support split-screen display, the full-screen container is not detached, but the full-screen container is used for directly displaying the first page in a full-screen mode.
Step S31, responding to a first page jump operation based on the first page, and judging whether the second page after the jump supports split screen display according to a query parameter in a first page jump request generated by the first page jump operation, wherein the first page jump request comprises a uniform resource locator for acquiring page data of the second page.
Specifically, the first jump operation is used to jump the first page to the second page. The split screen display refers to that a screen display area is divided into two display areas, and the two display areas after the split screen display can be used for displaying a page. In this embodiment, the split-screen display may be a left-right split-screen display, or an up-down split-screen display, which is not limited in this embodiment.
As an example, referring to fig. 6, a user may click a button b in the first page to trigger the first page jump operation, and after receiving the first page jump operation triggered by the user, the terminal device may respond to the first page jump operation, specifically, the terminal device may first generate a corresponding first page jump request according to the first page jump operation, and then send the first page jump request to the server, so that the server may return page data of the second page according to the first page jump request.
In this embodiment, after the terminal device generates the first page jump request, it may further determine whether the second page supports split-screen display according to a query parameter in the first page jump request. In this embodiment, whether the second page supports split-screen display may be determined by determining whether the query parameter is a preset query parameter.
The first page jump request includes a Uniform Resource Locator (URL) for obtaining page data of the second page, and the URL includes a Query parameter.
The Query parameter is a parameter in the URL used to convey parameters to dynamic web pages (e.g., web pages made using CGI, ISAPI, PHP/JSP/ASP. net, etc.), and may have multiple parameters, separated by the "&" symbol, with the name and value of each parameter separated by the "&" symbol.
In this embodiment, in order to determine whether a second page supports split-screen display through the first page jump request, when a developer configures a URL for accessing the second page, a Query parameter field is added to the URL to set whether the second page supports split-screen display. Therefore, when the first page jump request is generated, whether the second page supports full-screen display or not can be judged according to the Query parameter in the first page jump request.
As an example, a Query parameter "allow _ hd _ to _ split ═ 1" may be added to the URL to indicate that the first page supports split screen display. Similarly, a Query parameter "allow _ hd _ to _ split ═ 0" may be added to the URL to indicate that the second page does not support split screen display. In this way, after the first page jump request is generated, it can be determined whether the Query parameter in the generated first page jump request is "allow _ hd _ to _ split equal to 1" or "allow _ hd _ to _ split equal to 0". If the Query parameter is "allow _ hd _ to _ split ═ 1", it may be determined that the second page supports split-screen display; if the Query parameter is "allow _ hd _ to _ split ═ 0", it may be determined that the second page does not support split display.
And step S32, if the second page is judged to support split screen display, adjusting the sizes of the first split screen container and the first page, and generating a second split screen container.
Specifically, when it is determined that the second page supports split-screen display, the size of the first split-screen container may be adjusted so that the first split-screen container may not occupy the entire screen area, but only occupy a partial area of the screen to display the second page. In this way, a second split container can be created in the remaining area of the screen to display the second page.
In this embodiment, in order to enable the first page to still be displayed in the first split container, the size of the first page needs to be adaptively reduced, so that the first split container can carry the first page.
In an exemplary embodiment, referring to fig. 7, the resizing the first split-screen container may include: step S70, obtaining a preset configuration file, where the configuration file includes view proportions of the first page and the second page.
Specifically, the view ratios of the first page and the second page in the application program may be preconfigured, and the configured view ratios may be stored in a configuration file. The video ratio refers to a screen area ratio when the first page and the second page are simultaneously displayed on a screen, for example, a view ratio is 1:1, and when the first page and the second page need to be simultaneously displayed on the screen, the first page and the second page can respectively occupy half of the screen area.
It will be appreciated that the view proportion may also be preconfigured for other pages that need to be displayed simultaneously in the screen. The same view ratio may be configured for all other pages that may need to be simultaneously displayed in the screen, or one view ratio may be configured for each group of pages that need to be simultaneously displayed in the screen, which is not limited in this embodiment.
Step S71, adjusting the size of the first split container according to the view scale of the first page and the second page.
As an example, when the resulting view ratio is 1:1, the first and second split containers may both be sized to account for half of the screen.
Step S33, displaying the resized first page in the first split-screen container, and displaying the second page in the second split-screen container.
Specifically, after the resizing of the first split-screen container and the creation of the second split-screen container are completed, the resized first page may be displayed in the first split-screen container, and the second page may be displayed in the second split-screen container. The specific display effect is shown in fig. 8.
The embodiment displays a first page of an application program in a full screen mode by adopting a first split screen container; responding to a first page jump operation based on the first page, and judging whether a second page after jumping supports split-screen display according to a query parameter in a first page jump request generated by the first page jump operation, wherein the first page jump request comprises a uniform resource locator for acquiring page data of the second page; if the second page is judged to support split-screen display, adjusting the sizes of the first split-screen container and the first page, and generating a second split-screen container; and displaying the first page after the size adjustment in the first split-screen container, and displaying the second page in the second split-screen container. According to the method and the device, whether the page supports split-screen display or not is judged through the query parameter in the access request, when the split-screen display is judged to be supported, the first page is displayed through one split-screen container, the second page is displayed through the other split-screen container, the two pages are displayed simultaneously, and user experience is improved.
In an exemplary embodiment, the method further comprises:
and if the second page is judged not to support split-screen display, displaying the second page in the first split-screen container in a full screen mode.
Specifically, when it is determined that the second page does not support split-screen display, the second page may continue to be displayed full-screen in the first split-screen container.
In an exemplary embodiment, after the step of displaying the resized first page in the first split-screen container and the second page in the second split-screen container, the method further comprises:
responding to a page closing operation based on the second page, and displaying the first page in the first split screen container in a full screen mode according to the page closing operation; or
Responding to a page closing operation based on the first page, and displaying the second page in the second split screen container in a full screen mode according to the page closing operation.
Specifically, after the first page and the second page are displayed in a split screen manner in the screen, the user may close the first page or the second page displayed in the screen, and when the user closes one of the two pages, the other page is displayed in a full screen manner in the corresponding split screen container.
In an exemplary embodiment, referring to fig. 9, after the step of displaying the resized first page in the first split-screen container and the second page in the second split-screen container, the method further comprises:
step S90, in response to a third page jump operation based on the second page, determining whether the jumped third page supports split-screen display according to a query parameter in a third page jump request generated by the third page jump operation, where the third page jump request includes a uniform resource locator used for acquiring third page data of the third page.
Specifically, the third jump operation is to jump the second page to the third page.
As an example, referring to fig. 8, a user may click a button c in the second page to trigger the third page jump operation, and after receiving the third page jump operation triggered by the user, the terminal device may respond to the third page jump operation, specifically, the terminal device may first generate a corresponding third page jump request according to the third page jump operation, and then send the third page jump request to the server, so that the server may return page data of the third page according to the third page jump request.
In addition, after the terminal equipment generates a third page jump request, whether the third page supports split-screen display or not is judged according to the query parameter in the third page jump request. In this embodiment, whether the third page supports split-screen display may be determined by determining whether the query parameter is a preset query parameter.
The third page jump request includes a Uniform Resource Locator (URL) for obtaining page data of the third page, and the URL includes a Query parameter.
Similarly, in order to determine whether the third page supports split-screen display through the third page skip request, when a developer configures and accesses a URL of the third page, a Query parameter field needs to be added to the URL to set whether the third page supports split-screen display. Therefore, when the third page jump request is generated, whether the third page supports full-screen display can be judged according to the Query parameter in the third page jump request.
Step S91, if it is determined that the third page supports split-screen display, displaying the resized first page in the first split-screen container, and displaying the third page in the second split-screen container.
Specifically, when it is determined that the third page supports split-screen display, the first page that is displayed in the first split-screen container after resizing may be kept unchanged, and the second page that is displayed before may be replaced by the third page that is displayed in the second split-screen container after jumping, with the specific display effect as shown in fig. 10.
In one embodiment, when it is determined that the third page supports split-screen display, the third page may be displayed in a first split-screen container, and the second page before display may be held in a second split-screen container.
In an exemplary embodiment, when it is determined that the third page does not support split-screen display, the third page may be displayed full-screen directly in the first split-screen container.
In an exemplary embodiment, the first page, the second page and the third page are all H5 pages.
In particular, H5 comes from the 5 th generation HTML standard specification abbreviated HTML5, but its support for events such as video audio and touch screen interaction far exceeds the specification marked by HTML 5. The pages are pages developed according to the html standard specification of the 5 th generation. With the sudden increase of users at the mobile terminal, the compatibility of the page at the mobile terminal is stronger, and the page gradually develops into a short for showing the page at the mobile terminal.
Fig. 11 is a block diagram of a program of an embodiment of the page split display device 110 according to the present application.
In this embodiment, the apparatus 110 includes a series of computer program instructions stored in a memory, and when the computer program instructions are executed by a processor, the apparatus can implement the page split display function of the embodiments of the present application. In some embodiments, the page split screen display device 110 may be divided into one or more modules based on the specific operations implemented by the computer program instructions, and the specific divided modules are as follows:
the first display module 111 is configured to display a first page of the application in a full screen manner by using the first split-screen container;
a response module 112, configured to, in response to a first page jump operation based on the first page, determine whether a second page after the jump supports split-screen display according to a query parameter in a first page jump request generated by the first page jump operation, where the first page jump request includes a uniform resource locator used for acquiring page data of the second page;
an adjusting module 113, configured to adjust sizes of the first split-screen container and the first page and generate a second split-screen container if it is determined that the second page supports split-screen display;
a second display module 114, configured to display the resized first page in the first split-screen container, and display the second page in the second split-screen container.
In an exemplary embodiment, the page split display device 110 further comprises a splitting module.
The first display module 111 is further configured to display an initial page of the application in a full screen by using a full screen container.
The response module 112 is further configured to, in response to a second page jump operation based on the initial page, determine whether the jumped first page supports split-screen display according to a query parameter in a second page jump request generated by the second page jump operation, where the second page jump request includes a uniform resource locator used for acquiring page data of the first page.
The splitting module is configured to split the full-screen container into the first split-screen container if the first page supports split-screen display.
In an exemplary embodiment, the adjusting module 113 is further configured to obtain a preset configuration file, where the configuration file includes view proportions of the first page and the second page; and adjusting the size of the first split-screen container according to the view proportion of the first page and the second page.
In an exemplary embodiment, the first display module 111 is further configured to display the second page in a full screen manner in the first split-screen container if it is determined that the second page does not support split-screen display.
In an exemplary embodiment, the page split display apparatus 110 further comprises a third response module.
The third response module is used for responding to the page closing operation based on the second page, and displaying the first page in the first split-screen container in a full screen mode according to the page closing operation; or responding to the page closing operation based on the first page, and displaying the second page in the second split-screen container in a full screen mode according to the page closing operation.
In an exemplary embodiment, the page split display apparatus 110 further comprises a fourth response module.
The fourth response module is configured to respond to a third page jump operation based on the second page, and determine whether a jumped third page supports split-screen display according to a query parameter in a third page jump request generated by the third page jump operation, where the third page jump request includes a uniform resource locator used for acquiring third page data of the third page;
the second display module 114 is further configured to display the first page after the size adjustment in the first split-screen container and display the third page in the second split-screen container if it is determined that the third page supports split-screen display.
In an exemplary embodiment, the first page, the second page and the third page are all H5 pages.
The embodiment displays a first page of an application program in a full screen mode by adopting a first split screen container; responding to a first page jump operation based on the first page, and judging whether a second page after jumping supports split-screen display according to a query parameter in a first page jump request generated by the first page jump operation, wherein the first page jump request comprises a uniform resource locator for acquiring page data of the second page; if the second page is judged to support split-screen display, adjusting the sizes of the first split-screen container and the first page, and generating a second split-screen container; and displaying the first page after the size adjustment in the first split-screen container, and displaying the second page in the second split-screen container. According to the method and the device, whether the page supports split-screen display or not is judged through the query parameter in the access request, when the split-screen display is judged to be supported, the first page is displayed through one split-screen container, the second page is displayed through the other split-screen container, the two pages are displayed simultaneously, and user experience is improved.
Fig. 12 schematically shows a hardware architecture diagram of a computer device 12 suitable for implementing the page split screen display method according to an embodiment of the present application. In the present embodiment, the computer device 12 is a device capable of automatically performing numerical calculation and/or information processing in accordance with a command set in advance or stored. For example, the server may be a tablet computer, a notebook computer, a desktop computer, a rack server, a blade server, a tower server, or a rack server (including an independent server or a server cluster composed of a plurality of servers). As shown in FIG. 12, computer devices 12 include at least, but are not limited to: the memory 120, processor 121, and network interface 122 may be communicatively linked to each other by a system bus. Wherein:
the memory 120 includes at least one type of computer-readable storage medium, which may be volatile or non-volatile, and particularly, includes a flash memory, a hard disk, a multimedia card, a card type memory (e.g., SD or DX memory, etc.), a Random Access Memory (RAM), a Static Random Access Memory (SRAM), a Read Only Memory (ROM), an Electrically Erasable Programmable Read Only Memory (EEPROM), a Programmable Read Only Memory (PROM), a magnetic memory, a magnetic disk, an optical disk, and the like. In some embodiments, the memory 120 may be an internal storage module of the computer device 12, such as a hard disk or memory of the computer device 12. In other embodiments, the memory 120 may also be an external storage device of the computer device 12, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), and the like, provided on the computer device 12. Of course, memory 120 may also include both internal and external memory modules of computer device 12. In this embodiment, the memory 120 is generally used for storing an operating system and various application software installed on the computer device 12, such as program codes of a page split screen display method. In addition, the memory 120 may also be used to temporarily store various types of data that have been output or are to be output.
Processor 121 may be a Central Processing Unit (CPU), controller, microcontroller, microprocessor, or other paged display chip in some embodiments. The processor 121 is generally configured to control the overall operation of the computer device 12, such as performing control and processing related to data interaction or communication with the computer device 12. In this embodiment, the processor 121 is configured to execute the program code stored in the memory 120 or process data.
Network interface 122 may comprise a wireless network interface or a wired network interface, with network interface 122 typically being used to establish communication links between computer device 12 and other computer devices. For example, the network interface 122 is used to connect the computer device 12 to an external terminal via a network, establish a data transmission channel and a communication link between the computer device 12 and the external terminal, and the like. The network may be a wireless or wired network such as an Intranet (Intranet), the Internet (Internet), a Global System of Mobile communication (GSM), Wideband Code Division Multiple Access (WCDMA), a 4G network, a 5G network, Bluetooth (Bluetooth), or Wi-Fi.
It is noted that FIG. 12 only shows a computer device having components 120-122, but it is understood that not all of the shown components are required to be implemented, and that more or fewer components may be implemented instead.
In this embodiment, the page split-screen display method stored in the memory 120 may be divided into one or more program modules and executed by one or more processors (in this embodiment, the processor 121) to complete the present application.
The embodiment of the application provides a computer readable storage medium, on which a computer program is stored, and the computer program, when executed by a processor, implements the steps of the page split screen display method in the embodiment.
In this embodiment, the computer-readable storage medium includes a flash memory, a hard disk, a multimedia card, a card type memory (e.g., SD or DX memory, etc.), a Random Access Memory (RAM), a Static Random Access Memory (SRAM), a Read Only Memory (ROM), an Electrically Erasable Programmable Read Only Memory (EEPROM), a Programmable Read Only Memory (PROM), a magnetic memory, a magnetic disk, an optical disk, and the like. In some embodiments, the computer readable storage medium may be an internal storage unit of the computer device, such as a hard disk or a memory of the computer device. In other embodiments, the computer readable storage medium may be an external storage device of the computer device, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), and the like. Of course, the computer-readable storage medium may also include both internal and external storage devices of the computer device. In this embodiment, the computer-readable storage medium is generally used for storing an operating system and various types of application software installed in the computer device, for example, the program code of the page split screen display method in the embodiment, and the like. Further, the computer-readable storage medium may also be used to temporarily store various types of data that have been output or are to be output.
The above-described embodiments of the apparatus are merely illustrative, and the units described as separate parts may or may not be physically separate, and the parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on at least two network units. Some or all of the modules can be screened out according to actual needs to achieve the purpose of the scheme of the embodiment of the application. One of ordinary skill in the art can understand and implement it without inventive effort.
Through the above description of the embodiments, those skilled in the art will clearly understand that each embodiment can be implemented by software plus a general hardware platform, and certainly can also be implemented by hardware. It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by hardware related to instructions of a computer program, which can be stored in a computer readable storage medium, and when executed, can include the processes of the embodiments of the methods described above. The storage medium may be a magnetic disk, an optical disk, a Read-only memory (ROM), a Random Access Memory (RAM), or the like.
Finally, it should be noted that: the above embodiments are only used for illustrating the technical solutions of the present application, and not for limiting the same; although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some or all of the technical features may be equivalently replaced; and the modifications or the substitutions do not make the essence of the corresponding technical solutions depart from the scope of the technical solutions of the embodiments of the present application.
Claims (10)
1. A page split-screen display method is characterized by comprising the following steps:
displaying a first page of an application program in a full screen mode by adopting a first screen separation container;
responding to a first page jump operation based on the first page, and judging whether a second page after jumping supports split-screen display according to a query parameter in a first page jump request generated by the first page jump operation, wherein the first page jump request comprises a uniform resource locator for acquiring page data of the second page;
if the second page is judged to support split-screen display, adjusting the sizes of the first split-screen container and the first page, and generating a second split-screen container;
and displaying the first page after the size adjustment in the first split-screen container, and displaying the second page in the second split-screen container.
2. The method for split-screen display of a page according to claim 1, wherein before the step of displaying the first page of the application in full screen using the first split-screen container, the method further comprises:
displaying the initial page of the application program in a full screen mode by adopting a full screen container;
responding to a second page jump operation based on the initial page, and judging whether the jumped first page supports split-screen display according to a query parameter in a second page jump request generated by the second page jump operation, wherein the second page jump request comprises a uniform resource locator for acquiring page data of the first page;
if the first page supports split-screen display, splitting the full-screen container into the first split-screen container.
3. The method for split-screen display of a page as claimed in claim 1, wherein said resizing the first split-screen container comprises:
acquiring a preset configuration file, wherein the configuration file comprises view proportions of the first page and the second page;
and adjusting the size of the first split-screen container according to the view proportion of the first page and the second page.
4. The method for split-screen display of a page as claimed in claim 1, wherein the method further comprises:
and if the second page is judged not to support split-screen display, displaying the second page in the first split-screen container in a full screen mode.
5. The method for split-screen display of a page according to any one of claims 1 to 4, wherein the step of displaying the resized first page in the first split-screen container and the second page in the second split-screen container is followed by the step of:
responding to a page closing operation based on the second page, and displaying the first page in the first split screen container in a full screen mode according to the page closing operation; or
Responding to a page closing operation based on the first page, and displaying the second page in the second split screen container in a full screen mode according to the page closing operation.
6. The method for split-screen display of a page according to any one of claims 1 to 4, wherein the step of displaying the resized first page in the first split-screen container and the second page in the second split-screen container is followed by the step of:
responding to a third page jump operation based on the second page, and judging whether a third page after the jump supports split-screen display according to a query parameter in a third page jump request generated by the third page jump operation, wherein the third page jump request comprises a uniform resource locator for acquiring third page data of the third page;
and if the third page is judged to support split-screen display, displaying the first page after the size adjustment in the first split-screen container, and displaying the third page in the second split-screen container.
7. The method for split-screen display of a page as claimed in claim 6, wherein the first page, the second page and the third page are all H5 pages.
8. A page split screen display device, comprising:
the first display module is used for displaying a first page of the application program in a full screen mode by adopting a first screen separation container;
the response module is used for responding to a first page jump operation based on the first page and judging whether a second page after the jump supports split-screen display according to a query parameter in a first page jump request generated by the first page jump operation, wherein the first page jump request comprises a uniform resource locator used for acquiring page data of the second page;
the adjusting module is used for adjusting the sizes of the first split-screen container and the first page and generating a second split-screen container if the second page is judged to support split-screen display;
and the second display module is used for displaying the first page after the size adjustment in the first split-screen container and displaying the second page in the second split-screen container.
9. A computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, the processor implementing the steps of the method of any one of claims 1 to 7 when executing the computer program.
10. A computer-readable storage medium having stored thereon a computer program, characterized in that: the computer program, when executed by a processor, implementing the steps of the method of any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111357812.8A CN114063958A (en) | 2021-11-16 | 2021-11-16 | Page split-screen display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111357812.8A CN114063958A (en) | 2021-11-16 | 2021-11-16 | Page split-screen display method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114063958A true CN114063958A (en) | 2022-02-18 |
Family
ID=80272795
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111357812.8A Pending CN114063958A (en) | 2021-11-16 | 2021-11-16 | Page split-screen display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114063958A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2023245312A1 (en) * | 2022-06-20 | 2023-12-28 | 北京小米移动软件有限公司 | Split-screen display method and apparatus, terminal and storage medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106293473A (en) * | 2016-08-15 | 2017-01-04 | 珠海市魅族科技有限公司 | Page display method and device |
| CN111694475A (en) * | 2020-04-27 | 2020-09-22 | 华为技术有限公司 | Terminal control method and device and terminal equipment |
| CN112948049A (en) * | 2021-04-19 | 2021-06-11 | Oppo广东移动通信有限公司 | Method, device, terminal and storage medium for displaying multiple contents in parallel |
-
2021
- 2021-11-16 CN CN202111357812.8A patent/CN114063958A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106293473A (en) * | 2016-08-15 | 2017-01-04 | 珠海市魅族科技有限公司 | Page display method and device |
| CN111694475A (en) * | 2020-04-27 | 2020-09-22 | 华为技术有限公司 | Terminal control method and device and terminal equipment |
| CN112948049A (en) * | 2021-04-19 | 2021-06-11 | Oppo广东移动通信有限公司 | Method, device, terminal and storage medium for displaying multiple contents in parallel |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2023245312A1 (en) * | 2022-06-20 | 2023-12-28 | 北京小米移动软件有限公司 | Split-screen display method and apparatus, terminal and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP2767905A1 (en) | Terminal apparatus, server, browser of terminal apparatus operating system and method of operating browser | |
| US8682964B1 (en) | Progressively loading network content | |
| CN104704468A (en) | Cross system installation of WEB applications | |
| US10241982B2 (en) | Modifying web pages based upon importance ratings and bandwidth | |
| US11262883B2 (en) | Associating browser with application | |
| CN112364277A (en) | Webpage loading method and device | |
| CN112783783A (en) | Webpage point burying method, device and equipment and readable storage medium | |
| CN112612982A (en) | Webpage preloading method and device and computer equipment | |
| CN113704110A (en) | Automatic testing method and device for user interface | |
| CN112015485A (en) | Page display method and device, electronic equipment and storage medium | |
| CN110941779A (en) | Page loading method and device, storage medium and electronic equipment | |
| CN110968314A (en) | Page generation method and device | |
| EP4080507A1 (en) | Method and apparatus for editing object, electronic device and storage medium | |
| CN110609966A (en) | Page display method, device and equipment | |
| CN116775916A (en) | Multimedia content playing method, device, equipment and storage medium | |
| CN114063958A (en) | Page split-screen display method and device | |
| US10545630B2 (en) | Rule builder for data processing | |
| US20170235456A1 (en) | Automatic page-editing method, non-transitory computer-readable recording medium, and automatic page-editing apparatus | |
| CN109753612B (en) | Questionnaire display control method and device, storage medium and electronic equipment | |
| US11250207B1 (en) | Dynamic creation and storage of narratives in multiple languages | |
| CN108664191B (en) | System access method and device | |
| CN110569460B (en) | Push information display method, push information display device and storage medium | |
| CN108228836B (en) | Video compatible loading method and device and video component | |
| CN112214704B (en) | Page processing method and device | |
| CN115470426A (en) | Browser kernel determining method and device, computer equipment and storage medium |
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 |