CN114063958B - Page split screen display method and device - Google Patents
Page split screen display method and device Download PDFInfo
- Publication number
- CN114063958B CN114063958B CN202111357812.8A CN202111357812A CN114063958B CN 114063958 B CN114063958 B CN 114063958B CN 202111357812 A CN202111357812 A CN 202111357812A CN 114063958 B CN114063958 B CN 114063958B
- Authority
- CN
- China
- Prior art keywords
- page
- split
- screen
- container
- displaying
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 52
- 238000004590 computer program Methods 0.000 claims description 14
- 230000004044 response Effects 0.000 claims description 13
- 238000010586 diagram Methods 0.000 description 8
- 230000001960 triggered effect Effects 0.000 description 4
- 238000004891 communication Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000008569 process 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
- 238000010295 mobile communication Methods 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
- 238000005516 engineering process Methods 0.000 description 1
- 230000007613 environmental effect Effects 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 230000009191 jumping Effects 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
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]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application discloses a page split screen display method. The method comprises the following steps: full-screen displaying a first page of the application program 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 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; if the second page is judged to support split screen display, the sizes of the first split screen container and the first page are adjusted, and a second split screen container is generated; and displaying the first page with the adjusted size in the first split-screen container, and displaying the second page in the second split-screen container. The application can improve the user experience.
Description
Technical Field
The present application relates to the field of computer technologies, and in particular, to a method and an apparatus for displaying a split page screen.
Background
With the increasing functions of application programs in mobile terminals, native (native) pages in the application programs can be displayed in a split screen manner. However, the inventors have found that when the application is displayed in the split screen mode, a scene that affects 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 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 the generation of the page C is triggered only when the second page is operated again (for example, the button B in the second page), and the page C is displayed in the remaining area of the screen.
Disclosure of Invention
In view of the foregoing, a method, an apparatus, a computer device and a computer readable storage medium for displaying a split page are provided to solve the problem of poor user experience in split display in the prior art.
The application provides a page split screen display method, which comprises the following steps:
full-screen displaying a first page of the application program 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 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;
if the second page is judged to support split screen display, the sizes of the first split screen container and the first page are adjusted, and a second split screen container is generated;
and displaying the first page with the adjusted size 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 program in full screen by using the first split-screen container, the method further includes:
displaying an 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 first page after jump 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;
And 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 includes:
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 a full screen mode in the first split screen container.
Optionally, after the step of displaying the resized first page in the first split-screen container and displaying 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 (b)
And 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 displaying the second page in the second split-screen container, the method further includes:
responding to a third page skip operation based on the second page, and judging whether the skip third page supports split screen display according to a query parameter in a third page skip request generated by the third page skip operation, wherein the third page skip 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 with the adjusted size 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, which comprises:
The first display module is used for displaying a first page of the application program in a full screen mode by adopting the first split-screen container;
The response module is used for responding to a first page jump operation based on the first page, judging whether the second page after jump supports split screen display or not 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;
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;
The second display module is used for displaying the first page with the adjusted size in the first split-screen container and displaying the second page in the second split-screen container.
The application also 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 application also provides a computer readable storage medium having stored thereon a computer program which when executed by a processor performs the steps of the above method.
In the embodiment, a first page of an application program is displayed 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 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; if the second page is judged to support split screen display, the sizes of the first split screen container and the first page are adjusted, and a second split screen container is generated; and displaying the first page with the adjusted size in the first split-screen container, and displaying the second page in the second split-screen container. According to the method and the device for displaying the page, whether the page supports split-screen display is judged through the query parameters in the access request, and when the page supports the split-screen display, the first page is displayed through one split-screen container, and the second page is displayed through the other split-screen container, so that the simultaneous display of the two pages is realized, and the user experience is improved.
Drawings
FIG. 1 is a schematic view of a split-screen display of a page in the prior art;
FIG. 2 is an environmental schematic diagram of a page split screen display method according to an embodiment of the present application;
FIG. 3 is a flow chart of one embodiment of a method for split-screen display of a page according to the present application;
FIG. 4 is a flowchart of another embodiment of a method for split-screen display of a page according to the present application;
FIG. 5 is a schematic diagram of an initial page displayed in an embodiment of the present application;
FIG. 6 is a schematic diagram of a first page displayed in an embodiment of the present application;
FIG. 7 is a detailed flow chart of the step 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 of another embodiment of a method for split-screen display of pages 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 illustrating a page split display device according to an embodiment of the present application;
fig. 12 is a schematic hardware structure of a computer device for executing the page split screen display method according to the embodiment of the present application.
Detailed Description
Advantages of the application are further illustrated in the following description, taken in conjunction with the accompanying drawings and detailed description.
Reference will now be made in detail to exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numbers in different drawings refer to the same or similar elements, unless otherwise indicated. The implementations described in the following exemplary examples are not representative of all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with some aspects of the present disclosure as detailed in the accompanying 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 or all possible combinations of one or more of the associated listed items.
It should be understood that although the terms first, second, third, etc. may be used in this disclosure to describe various information, these 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 "at … …" 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 in which the steps are performed, but are merely used to facilitate description of the present application and to distinguish between each step, and thus should not be construed as limiting the present application.
Fig. 2 schematically illustrates an application environment 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 a terminal device 10, a 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, etc. The server 20 may be a server cluster or a cloud computing center formed by one server or multiple servers, which is not limited herein. The terminal device 10 is provided with an application program, and the application program can run the program code of the page split screen display method, so that the split screen display of the page is realized.
Fig. 3 is a flow chart of a page split screen display method according to an embodiment of the application. In the page split screen display method of the present application, it can be understood that the flowchart in the embodiment of the method is not used to limit the order of executing the steps. As can be seen from the figure, the method for displaying the page split screen provided in the embodiment includes:
And step S30, displaying a first page of the application program in a full screen mode by adopting the first split screen container.
In particular, the application may be various types of Applications (APP), such as a video-type application, a game-type application, a news-type application, a social-type application, a live-type application, etc.
And 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 a container obtained by splitting a full-screen container. In an exemplary embodiment, a full screen container may be split into multiple split screen containers by a split control (SplitContainer). Wherein SplitContainer is a container containing split splitting strip, through splitting strip in this SplitContainer can split a container into two containers Panel1, panel2, can control the size of two containers after splitting through removing splitting strip, when removing splitting strip to leftmost or rightmost, can split a full screen container into a split screen container, the size of another split screen container is zero.
In an embodiment, a full screen container may be split horizontally into two split screen containers, or a split control may be used to split a full screen container vertically into two split screen containers.
In an exemplary embodiment, referring to fig. 4, before the step of displaying the first page of the application program in full screen using the first split-screen container, the method further includes:
And step S40, adopting a full-screen container to display the initial page of the application program in a full screen mode.
Specifically, the full-screen container refers to a container which is not split through a splitting control for a container for displaying pages. The full screen container is used for carrying 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 the screen in a full screen mode.
The initial page can be a main interface displayed after the application program is started, or can be a page which does not support split screen display in the pages displayed after the application program is started.
In this embodiment, when the application is displaying the initial page, it will use the full screen container to perform full screen display.
It should be noted that, the full-screen display page in the present application refers to that all display areas of a screen are used for displaying the page.
Step S41, in response to a second page skip operation based on the initial page, determining whether the skipped first page supports split screen display according to a query parameter in a second page skip request generated by the second page skip operation, where the second page skip request includes a uniform resource locator for acquiring page data of the first page.
Specifically, the second jump operation is used for jumping the initial page to the first page.
As an example, referring to fig. 5, the user may click the button a in the initial page to trigger the second page skip operation, after receiving the second page skip operation triggered by the user, the terminal device may respond to the second page skip operation, specifically, the terminal device may first generate a corresponding second page skip request according to the second page skip operation, and then the terminal device may send the second page skip request to the server, so that the server may return the page data of the first page according to the second page skip request.
In addition, after the terminal device generates the 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.
Wherein the second page jump request includes a uniform resource locator (Uniform Resource Locator, URL) for acquiring page data of the first page, and the URL includes a Query parameter (Query parameter).
The Query parameters are parameters in the URL used to deliver to a dynamic web page (e.g., a web page made using CGI, ISAPI, PHP/JSP/ASP. Net, etc.) and may have multiple parameters, separated by "=" symbols, the name and value of each parameter being separated by "=" symbols.
In this embodiment, in order to determine whether the first page supports split-screen display through the second page skip 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. Thus, when the second page jump request is generated, whether the first page supports full-screen display can be determined according to the Query parameter in the second page jump request.
As an example, a Query parameter of "low_hd_to_split=1" may be added to the URL to indicate that the first page supports split 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 display. Thus, after the second page jump request is generated, it may be determined whether the Query parameter in the generated second page jump request is "allowances_hd_to_split=1" or "allowances_hd_to_split=0". If the Query parameter is "allowances_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 skip 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. Thus, when the second page jump request is generated, whether the first page supports full-screen display can be determined 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 split, and the first page is directly displayed in a full screen mode through the full screen container.
Step S31, responding to a first page jump operation based on the first page, and judging whether the second page after 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 skip operation is used for skipping the first page to the second page. The split screen display refers to dividing a screen display area into two display areas, and both the display areas after the split screen display can be used for displaying pages. 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, the user may click the button b in the first page to trigger the first page skip operation, after receiving the first page skip operation triggered by the user, the terminal device may respond to the first page skip operation, specifically, the terminal device may first generate a corresponding first page skip request according to the first page skip operation, and then, the terminal device may send the first page skip request to the server, so that the server may return the page data of the second page according to the first page skip request.
In this embodiment, after the terminal device generates the first page skip request, the terminal device further determines whether the second page supports split screen display according to the query parameter in the first page skip 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.
Wherein the first page jump request includes a uniform resource locator (Uniform Resource Locator, URL) for acquiring page data of the second page, and the URL includes a Query parameter (Query parameter).
The Query parameters are parameters in the URL used to deliver to a dynamic web page (e.g., a web page made using CGI, ISAPI, PHP/JSP/ASP. Net, etc.) and may have multiple parameters, separated by "=" symbols, the name and value of each parameter being separated by "=" symbols.
In this embodiment, in order to determine whether the second page supports split-screen display through the first page skip 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. Thus, when the first page jump request is generated, whether the second page supports full-screen display can be determined according to the Query parameter in the first page jump request.
As an example, a Query parameter of "low_hd_to_split=1" may be added to the URL to indicate that the first page supports split 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 display. Thus, after the first page jump request is generated, it may be determined whether the Query parameter in the generated first page jump request is "allowances_hd_to_split=1" or "allowances_hd_to_split=0". If the Query parameter is "allowances_hd_to_split=1", it may be determined that the second page supports split 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, the sizes of the first split screen container and the first page are adjusted, and a second split screen container is generated.
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 cannot occupy the whole screen area, but occupies only a partial area of the screen to display the second page. In this way, a second split screen container may be created in the remaining area of the screen to display a second page.
In this embodiment, in order to enable the first page to still be displayed in the first split-screen container, the size of the first page needs to be adaptively reduced, so that the first split-screen container can carry the first page.
In an exemplary embodiment, referring to fig. 7, the adjusting the size of the first split-screen container may include: step S70, obtaining a preset configuration file, wherein the configuration file comprises view proportions of the first page and the second page.
Specifically, the view proportions of the first page and the second page in the application program can be preconfigured, and the configured view proportions are stored in a configuration file. The video proportion refers to a screen area ratio when the first page and the second page are simultaneously displayed on a screen, for example, a view proportion 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 duty cycle 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 displayed simultaneously in the screen, or one view ratio may be configured for each group of pages that need to be displayed simultaneously in the screen, which is not limited in this embodiment.
Step S71, the size of the first split-screen container is adjusted according to the view proportion of the first page and the second page.
As an example, when the resulting view ratio is 1:1, the first split-screen container and the second split-screen container may both be sized to account for half of the screen.
And step S33, displaying the first page with the adjusted size in the first split-screen container, and displaying the second page in the second split-screen container.
Specifically, after the adjustment of the size of the first split-screen container and the creation of the second split-screen container are completed, the first page after the adjustment of the size can be displayed in the first split-screen container, and the second page can be displayed in the second split-screen container. A specific display effect is shown in fig. 8.
In the embodiment, a first page of an application program is displayed 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 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; if the second page is judged to support split screen display, the sizes of the first split screen container and the first page are adjusted, and a second split screen container is generated; and displaying the first page with the adjusted size in the first split-screen container, and displaying the second page in the second split-screen container. According to the method and the device for displaying the page, whether the page supports split-screen display is judged through the query parameters in the access request, and when the page supports the split-screen display, the first page is displayed through one split-screen container, and the second page is displayed through the other split-screen container, so that the simultaneous display of the two pages is realized, and the 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 a full screen mode in the first split screen container.
Specifically, when it is determined that the second page does not support split-screen display, full-screen display of the second page in the first split-screen container may be continued.
In an exemplary embodiment, after the step of displaying the resized first page in the first split-screen container and displaying 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 (b)
And 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 can 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 displaying the second page in the second split-screen container, the method further includes:
Step S90, in response to a third page skip operation based on the second page, determining whether the skipped third page supports split screen display according to a query parameter in a third page skip request generated by the third page skip operation, where the third page skip request includes a uniform resource locator for acquiring third page data of the third page.
Specifically, the third jump operation is used to jump the second page to the third page.
As an example, referring to fig. 8, the user may click the button c in the second page to trigger the third page skip operation, after receiving the third page skip operation triggered by the user, the terminal device may respond to the third page skip operation, specifically, the terminal device may first generate a corresponding third page skip request according to the third page skip operation, and then, the terminal device may send the third page skip request to the server, so that the server may return the page data of the third page according to the third page skip request.
In addition, after the terminal device generates the third page jump request, whether the third page supports split screen display or not is further 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.
Wherein the third page jump request includes a uniform resource locator (Uniform Resource Locator, URL) for acquiring page data of the third page, and the URL includes a Query parameter (Query parameter).
Similarly, in order to determine whether the third page supports split-screen display through the third page jump request, when a developer configures a URL for accessing the third page, a Query parameter field needs to be added to the URL to set whether the third page supports split-screen display. Thus, when the third page skip request is generated, whether the third page supports full-screen display or not can be determined according to the Query parameter in the third page skip 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 after the size adjustment displayed in the first split screen container may be kept unchanged, and the second page displayed before is replaced by the third page after the jump is directly displayed in the second split screen container, and the specific display effect is shown in fig. 10.
In an embodiment, when it is determined that the third page supports split screen display, the third page may be displayed in the first split screen container, and the second page before being displayed may be kept in the 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 directly displayed in full screen 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 is derived from the 5 th generation HTML standard specification, abbreviated as HTML5, but its support for events such as video audio and touch screen interaction far exceeds the specification marked by HTML 5. The page is a page developed according to the 5 th generation html standard specification. Along with the sudden increase of mobile terminal users, the page has stronger compatibility at the mobile terminal, and the page gradually evolves into a short for displaying the page at the mobile terminal.
Referring to fig. 11, a block diagram of a page split display device 110 according to an embodiment of the application is shown.
In this embodiment, the page split display device 110 includes a series of computer program instructions stored in a memory, which when executed by a processor, can implement the page split display function of the embodiments of the present application. In some embodiments, based on the specific operations implemented by the portions of the computer program instructions, the page split display device 110 may be divided into one or more modules, and the specific modules that may be divided are as follows:
A first display module 111, configured to display a first page of the application program in full screen using the first split-screen container;
a response module 112, configured to determine, according to a query parameter in a first page skip request generated by the first page skip operation, whether a skipped second page supports split-screen display, in response to a first page skip operation based on the first page, where the first page skip request includes a uniform resource locator for acquiring page data of the second page;
The adjusting module 113 is configured to adjust the 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;
and 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 includes a splitting module.
The first display module 111 is further configured to display an initial page of the application program in a full screen manner by using a full screen container.
The response module 112 is further configured to determine, in response to a second page skip operation based on the initial page, whether the skipped first page supports split-screen display according to a query parameter in a second page skip request generated by the second page skip operation, where the second page skip request includes a uniform resource locator 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 adjustment module 113 is further configured to obtain a preset configuration file, where the configuration file includes a view ratio 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, if it is determined that the second page does not support split-screen display, display the second page in the first split-screen container in a full screen manner.
In an exemplary embodiment, the page split display device 110 further includes 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 device 110 further includes a fourth response module.
The fourth response module is configured to determine, according to a query parameter in a third page skip request generated by the third page skip operation, whether the skipped third page supports split-screen display, where the third page skip request includes a uniform resource locator 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.
In the embodiment, a first page of an application program is displayed 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 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; if the second page is judged to support split screen display, the sizes of the first split screen container and the first page are adjusted, and a second split screen container is generated; and displaying the first page with the adjusted size in the first split-screen container, and displaying the second page in the second split-screen container. According to the method and the device for displaying the page, whether the page supports split-screen display is judged through the query parameters in the access request, and when the page supports the split-screen display, the first page is displayed through one split-screen container, and the second page is displayed through the other split-screen container, so that the simultaneous display of the two pages is realized, and the user experience is improved.
Fig. 12 schematically shows a hardware architecture diagram of a computer device 12 adapted to implement a page split display method according to an embodiment of the 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 instructions set or stored in advance. For example, the server may be a tablet computer, a notebook computer, a desktop computer, a rack-mounted server, a blade server, a tower server, or a rack server (including a stand-alone server or a server cluster formed by a plurality of servers), etc. As shown in fig. 12, the computer device 12 includes at least, but is not limited to: 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 nonvolatile, and specifically, includes flash memory, hard disk, multimedia card, card memory (e.g., SD or DX memory, etc.), random Access Memory (RAM), static Random Access Memory (SRAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), programmable read-only memory (PROM), magnetic memory, magnetic disk, optical disk, etc. 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 memory card (SMART MEDIA CARD, abbreviated as SMC), a Secure Digital (SD) card, a flash memory card (FLASH CARD) or the like, which are provided on the computer device 12. Of course, the memory 120 may also include both internal memory modules of the computer device 12 and external memory devices. In this embodiment, the memory 120 is typically used to store an operating system installed on the computer device 12 and various types of application software, such as program code for 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 (Central Processing Unit, simply CPU), controller, microcontroller, microprocessor, or other page split display chip in some embodiments. The processor 121 is typically used to control overall operation of the computer device 12, such as performing control and processing related to data interaction or communication with the computer device 12, and the like. In this embodiment, the processor 121 is configured to execute program codes or process data stored in the memory 120.
The network interface 122 may include a wireless network interface or a wired network interface, the network interface 122 typically being used to establish a communication link between the 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 through 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 for mobile communications (Global System of Mobile communication, abbreviated as GSM), wideband code division multiple access (Wideband Code Division Multiple Access, abbreviated as WCDMA), a 4G network, a 5G network, bluetooth (Bluetooth), wi-Fi, etc.
It should be noted that fig. 12 only shows a computer device having components 120-122, but it should be understood that not all of the illustrated components are required to be implemented, and that more or fewer components may be implemented instead.
In this embodiment, the page split display method stored in the memory 120 may be divided into one or more program modules and executed by one or more processors (the processor 121 in this embodiment) to complete the present application.
The embodiment of the application provides a computer readable storage medium, and the computer readable storage medium stores a computer program thereon, and the computer program when executed by a processor realizes 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 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 a computer device, such as a hard disk or a memory of the computer device. In other embodiments, the computer readable storage medium may also be an external storage device of a computer device, such as a plug-in hard disk, a smart memory card (SMART MEDIA CARD, abbreviated as SMC), a Secure Digital (SD) card, a flash memory card (FLASH CARD), or the like, which are provided on the computer device. Of course, the computer-readable storage medium may also include both internal storage units of a computer device and external storage devices. In this embodiment, the computer readable storage medium is typically used to store an operating system and various types of application software installed on the computer device, such as program codes of the page split screen display method in the embodiment, and the like. Furthermore, 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 apparatus embodiments described above are merely illustrative, wherein elements illustrated as separate elements may or may not be physically separate, and elements shown as elements may or may not be physical elements, may be located in one place, or may be distributed over at least two network elements. Some or all modules in the system can be screened out according to actual needs to realize the purpose of the scheme of the embodiment of the application. Those of ordinary skill in the art will understand and implement the present application without undue burden.
From the above description of embodiments, it will be apparent to those skilled in the art that the embodiments may be implemented by means of software plus a general purpose hardware platform, or may be implemented by hardware. Those skilled in the art will appreciate that all or part of the processes implementing the methods of the above embodiments may be implemented by a computer program for instructing relevant hardware, where the program may be stored in a computer readable storage medium, and where the program may include processes implementing 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 (RandomAccessMemory, RAM), or the like.
Finally, it should be noted that: the above embodiments are only for illustrating the technical solution of the present application, and not for limiting the same; although the application has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some or all of the technical features thereof can be replaced by equivalents; such modifications and substitutions do not depart from the spirit of the application.
Claims (11)
1. The page split screen display method is characterized by comprising the following steps of:
full-screen displaying a first page of the application program 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 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;
if the second page is judged to support split screen display, the sizes of the first split screen container and the first page are adjusted, and a second split screen container is generated;
and displaying the first page with the adjusted size 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 pages according to claim 1, wherein before the step of displaying the first page of the application program in full screen using the first split-screen container, further comprising:
displaying an 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 first page after jump 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;
And if the first page supports split-screen display, splitting the full-screen container into the first split-screen container.
3. The method of claim 1, wherein the 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 page split display method as recited in claim 1, further comprising:
And if the second page is judged not to support split screen display, displaying the second page in a full screen mode in the first split screen container.
5. The method for displaying a split page according to any one of claims 1 to 4, wherein after the step of displaying the resized first page in the first split-screen container and displaying the second page in the second split-screen container, further comprising:
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 (b)
And 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 displaying a split page according to any one of claims 1 to 4, wherein after the step of displaying the resized first page in the first split-screen container and displaying the second page in the second split-screen container, further comprising:
responding to a third page skip operation based on the second page, and judging whether the skip third page supports split screen display according to a query parameter in a third page skip request generated by the third page skip operation, wherein the third page skip 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 with the adjusted size in the first split screen container, and displaying the third page in the second split screen container.
7. The method of claim 6, wherein the first page, the second page, and the third page are all H5 pages.
8. A split-screen page 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 the first split-screen container;
The response module is used for responding to a first page jump operation based on the first page, judging whether the second page after jump supports split screen display or not 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;
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;
The second display module is used for displaying the first page with the adjusted size 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 the computer program is executed.
10. A computer-readable storage medium having stored thereon a computer program, characterized by: the computer program implementing the steps of the method of any of claims 1 to 7 when executed by a processor.
11. A computer program product, characterized by: comprising a computer program which, when executed by a processor, implements the steps of the method of any of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111357812.8A CN114063958B (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 CN114063958B (en) | 2021-11-16 | 2021-11-16 | Page split screen display method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114063958A CN114063958A (en) | 2022-02-18 |
| CN114063958B true CN114063958B (en) | 2024-08-16 |
Family
ID=80272795
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111357812.8A Active CN114063958B (en) | 2021-11-16 | 2021-11-16 | Page split screen display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114063958B (en) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116931817A (en) * | 2022-04-12 | 2023-10-24 | 诺博汽车科技有限公司 | Processing method, device and processor for vehicle configuration data |
| CN114924683A (en) * | 2022-04-25 | 2022-08-19 | 金蝶软件（中国）有限公司 | Split-screen display method of page content, multi-page display method and device |
| CN117616380A (en) * | 2022-06-20 | 2024-02-27 | 北京小米移动软件有限公司 | Split screen display method, device, terminal and storage medium |
Citations (2)
| 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 |
Family Cites Families (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106155768B (en) * | 2015-03-26 | 2020-03-31 | 阿里巴巴集团控股有限公司 | Method and device for running application in split screen mode |
| CN109165050B (en) * | 2018-07-05 | 2020-10-13 | 腾讯科技（深圳）有限公司 | Program running method and device, computing equipment and storage medium |
| CN109408174A (en) * | 2018-09-27 | 2019-03-01 | 上海哔哩哔哩科技有限公司 | Split screen method, apparatus and storage medium for the application of plate end |
| CN112307378B (en) * | 2019-07-30 | 2024-03-01 | 上海幻电信息科技有限公司 | Network view display method |
| CN113419648A (en) * | 2020-03-03 | 2021-09-21 | 华为技术有限公司 | Screen partition display method, terminal and computer storage medium |
| CN112948049B (en) * | 2021-04-19 | 2024-04-26 | Oppo广东移动通信有限公司 | Method, device, terminal and storage medium for multi-content parallel display |
-
2021
- 2021-11-16 CN CN202111357812.8A patent/CN114063958B/en active Active
Patent Citations (2)
| 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 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114063958A (en) | 2022-02-18 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN114063958B (en) | Page split screen display method and device | |
| CN108228293B (en) | Interface skin switching method and device | |
| EP2767905A1 (en) | Terminal apparatus, server, browser of terminal apparatus operating system and method of operating browser | |
| CN107679214B (en) | Link positioning method, device, terminal and computer readable storage medium | |
| CN110941779B (en) | Page loading method and device, storage medium and electronic equipment | |
| CN112818270B (en) | Data cross-domain transfer method and device and computer equipment | |
| US11262883B2 (en) | Associating browser with application | |
| CN111368235A (en) | Page rendering and displaying method, device, server and storage medium | |
| CN112612982A (en) | Webpage preloading method and device and computer equipment | |
| CN112783783A (en) | Webpage point burying method, device and equipment and readable storage medium | |
| CN110968314A (en) | Page generation method and device | |
| CN110609966A (en) | Page display method, device and equipment | |
| CN112672187B (en) | Page generation method and device, computer equipment and readable storage medium | |
| US9348825B2 (en) | Server and method for causing terminal to display screen | |
| CN113934954A (en) | Webpage first screen rendering method and device in application program | |
| CN112214704B (en) | Page processing method and device | |
| CN115225950A (en) | Video playing control method and device | |
| CN112241297B (en) | Data display method, system, computer equipment and readable storage medium | |
| RU2595763C2 (en) | Method and apparatus for managing load on basis of android browser | |
| CN113360806A (en) | Live broadcast page display method and device | |
| WO2016029705A1 (en) | Method and device for inserting webpage toolbar, and storage medium | |
| CN112436953B (en) | Page data backup and disaster recovery page display method and device | |
| US9904739B2 (en) | Service provider system and service provider method | |
| CN114780167B (en) | REACTNATIVE-based preloading method and REACTNATIVE-based preloading system | |
| CN106095445B (en) | Installation method, device and the terminal of driver |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |