Page loading method and device, electronic equipment and storage medium

Abstract

The application discloses a page loading method and device, electronic equipment and a storage medium, and belongs to the technical field of communication. The page loading method comprises the following steps: in the case that a first page of a first web page is displayed in a visible window area of a screen, a first input of a user is received; according to an input feature of the first input, a target page of a second web page to be loaded is determined; and the target page of the second web page is loaded.

Description

Technical Field

[0001] This application belongs to the field of communications, and specifically relates to a page loading method, apparatus, electronic device, and storage medium. Background Technology

[0002] With the rapid development of electronic technology, electronic devices are becoming increasingly comprehensive in their functions, bringing great convenience to people's lives.

[0003] Currently, most reading client applications have a page-turning function, allowing users to turn pages just like in a physical book, providing an excellent reading experience. However, current reading applications only support page-turning for e-books, resulting in a low user experience. Summary of the Invention

[0004] The purpose of this application is to provide a page loading method, apparatus, electronic device, and storage medium. These solutions address the problem of low user experience when reading web pages in the prior art.

[0005] In a first aspect, embodiments of this application provide a page loading method, which is applied to an electronic device, the electronic device including a screen; the method includes:

[0006] When the first page of the first webpage is displayed in the visible window area of ​​the screen, the user's first input is received;

[0007] Based on the input characteristics of the first input, determine the target page of the second webpage to be loaded;

[0008] Load the target page of the second webpage; wherein, when the second webpage and the first webpage are the same webpage, the target page is the previous or next page of the first page of the first webpage, and when the second webpage and the first webpage are different, the target page is the first page of the second webpage.

[0009] Secondly, embodiments of this application provide a page loading device, characterized in that the device is applied to an electronic device, the electronic device including a screen; the device includes:

[0010] A receiving module is configured to receive the user's first input when the first page of a first webpage is displayed in the visible window area of ​​the screen;

[0011] The first determining module is used to determine the target page of the second webpage to be loaded based on the input characteristics of the first input;

[0012] A loading module is used to load the target page of the second webpage; wherein, when the second webpage and the first webpage are the same webpage, the target page is the previous or next page of the first page of the first webpage, and when the second webpage and the first webpage are different, the target page is the first page of the second webpage.

[0013] Thirdly, embodiments of this application provide an electronic device including a processor and a memory, wherein the memory stores programs or instructions executable on the processor, and the programs or instructions, when executed by the processor, implement the steps of the method described in the first aspect.

[0014] Fourthly, embodiments of this application provide a readable storage medium on which a program or instructions are stored, which, when executed by a processor, implement the steps of the method described in the first aspect.

[0015] Fifthly, embodiments of this application provide a chip, the chip including a processor and a communication interface, the communication interface being coupled to the processor, the processor being used to run programs or instructions to implement the method as described in the first aspect.

[0016] In a sixth aspect, embodiments of this application provide a computer program product stored in a storage medium, which is executed by at least one processor to implement the method described in the first aspect.

[0017] In this embodiment of the application, when the first page of the first webpage is displayed in the visible window area of ​​the screen of the electronic device, the target page of the second webpage to be loaded can be determined according to the input characteristics of the user's first input, and the target page of the second webpage can be loaded. In this way, the webpage displayed in the visible window can be flipped according to the user's operation, thereby improving the user experience. Attached Figure Description

[0018] Figure 1 This is a flowchart illustrating a page loading method in an exemplary embodiment;

[0019] Figure 2 This is a schematic diagram illustrating the structure of a foldable screen in its unfolded state, as shown in an exemplary embodiment.

[0020] Figure 3 This is an exemplary embodiment illustrating the generation of a second Hypertext Markup Language inline frame element container when the folded screen is in a folded state;

[0021] Figure 4 This is an exemplary embodiment illustrating the generation of a second Hypertext Markup Language inline frame element container when the folded screen is in the unfolded state;

[0022] Figure 5 This is an exemplary embodiment illustrating the loading of the first webpage when the foldable screen is in a folded state;

[0023] Figure 6 This is an exemplary embodiment illustrating the loading of the first webpage when the foldable screen is in the unfolded state;

[0024] Figure 7 This is one of the schematic diagrams illustrating the determination of the target page of a second webpage, as shown in an exemplary embodiment;

[0025] Figure 8 This is a second schematic diagram illustrating the determination of the target page of a second webpage, as shown in an exemplary embodiment.

[0026] Figure 9 This is one of the exemplary embodiments illustrating page loading when the foldable screen is in a folded state;

[0027] Figure 10 This is the second exemplary embodiment illustrating page loading when the foldable screen is in a folded state;

[0028] Figure 11 This is one of the exemplary embodiments illustrating page loading when a foldable screen is in an unfolded state;

[0029] Figure 12 This is a second exemplary embodiment illustrating page loading when the foldable screen is in the unfolded state;

[0030] Figure 13 This is a schematic diagram of the structure of a page loading device shown in an exemplary embodiment;

[0031] Figure 14 This is a schematic diagram illustrating the structure of an electronic device in an exemplary embodiment;

[0032] Figure 15 This is a schematic diagram of the hardware structure of an electronic device shown in an embodiment of this application. Detailed Implementation

[0033] The technical solutions of the embodiments of this application will be clearly described below with reference to the accompanying drawings. Obviously, the described embodiments are only some, not all, of the embodiments of this application. All other embodiments obtained by those skilled in the art based on the embodiments of this application are within the scope of protection of this application.

[0034] The terms "first," "second," etc., used in the specification and claims of this application are used to distinguish similar objects and not to describe a specific order or sequence. It should be understood that such use of data can be interchanged where appropriate so that embodiments of this application can be implemented in orders other than those illustrated or described herein, and the objects distinguished by "first," "second," etc., are generally of the same class and the number of objects is not limited; for example, a first object can be one or more. Furthermore, in the specification and claims, "and / or" indicates at least one of the connected objects, and the character " / " generally indicates that the preceding and following objects are in an "or" relationship.

[0035] Before introducing the technical solution of this application, let's first introduce the background technology of the technical solution of this application:

[0036] With the development of foldable screen terminals, a typical foldable screen terminal only displays content on one screen when folded, but the screen width doubles when unfolded, allowing for more content to be displayed and more operating space, bringing users a brand-new experience.

[0037] Reading apps typically include a page-turning feature, allowing users to turn pages just like reading a real book, providing an exceptional reading experience.

[0038] Page-turning reading functions in reading terminal applications are generally implemented using native technologies (Android, iOS, etc.). For example, in Android, the implementation usually involves creating a custom window, calculating the height of the reading content in advance to ensure that the reading content fills the custom window, and then adding a sliding page-turning animation to the window.

[0039] There is currently no mature way to implement page-turning reading functionality in web pages. Furthermore, web pages have a natural cross-platform advantage; a single webpage can be used on multiple devices, allowing a single codebase to run in multiple places. Native technology implementations, on the other hand, require implementing the functionality separately for each different type of device.

[0040] The inventors discovered that when foldable screens are combined with reading terminal applications, the unfolded widescreen provides users with a better page-turning reading experience.

[0041] In view of the fact that there is no solution in the existing technology for how to turn pages in web pages, this application provides a page loading method. When the first page of a first webpage is displayed in the visible window area of ​​the screen of an electronic device, the target page of the second webpage to be loaded can be determined according to the input characteristics of the user's first input, and the target page of the second webpage can be loaded. In this way, the webpage displayed in the visible window can be turned according to the user's operation, thereby improving the user experience.

[0042] The page loading provided in this application embodiment will be described in detail below with reference to the accompanying drawings, through specific embodiments and application scenarios.

[0043] Figure 1 This is a flowchart illustrating a page loading method provided in an embodiment of this application. The execution subject of this page loading method can be an electronic device. It should be noted that the aforementioned execution subject does not constitute a limitation on the embodiments of this application.

[0044] In embodiments of this application, the electronic device may be, but is not limited to, a personal computer (PC), a smartphone, a tablet computer, or a personal digital assistant (PDA).

[0045] In the embodiments of this application, the electronic device may have a screen and a web browser to search for web pages and display them on the screen, thereby realizing the page-turning reading function of the web pages.

[0046] like Figure 1 As shown, the page loading method provided in this application embodiment may include steps 110-140.

[0047] Step 110: With the first page of the first webpage displayed in the visible window area of ​​the screen, receive the user's first input.

[0048] The visible window area can be the area on the screen of an electronic device that is available for the user to view.

[0049] The first webpage can be a webpage displayed within a visual window.

[0050] The first page can be any page within the first webpage.

[0051] The first input can be used to determine the target page of the second webpage to be loaded and then load the target page of the second webpage. The first input can be, but is not limited to, a click input, double-click input, swipe input, voice input, and gesture input on the first page of the first webpage, or a combination of at least two of the above inputs. There are no restrictions here.

[0052] In some embodiments of this application, the first webpage may be loaded from a first hypertext markup language inline frame element container generated within the visible window area and embedded in the first hypertext markup language inline frame element container.

[0053] The first Hypertext Markup Language (HTML) inline frame element container can be an iframe container created within the visible window area. An iframe can embed another HTML page into the current page, and its `scr` attribute is the Universal Resource Locator (URL) of the nested page.

[0054] In some embodiments of this application, to further enhance the user experience, after step 110, the page loading method described above may further include:

[0055] In response to the first input, the first hypertext markup language inline frame element container within the visible window area is hidden using a preset page-turning hiding method; and a second hypertext markup language inline frame element container is generated within the visible window area.

[0056] Step 130 may specifically include:

[0057] The target page of the second webpage is loaded using a container of inline frames in the second hypertext markup language.

[0058] The preset page-turning hidden animation effect can be a page-turning hidden animation effect that is set in advance when turning pages. For example, it can be a scrolling type, a flipping type, a tilting type, a card type, a square type, etc. The specific effects can be set according to the user's needs, and there are no restrictions here.

[0059] The second HTML inline frame element container can be a new iframe container generated in the visible window area after the first HTML inline frame element container in the visible window area is hidden in a way that uses a preset page-turning hiding function.

[0060] In the embodiments of this application, by responding to the first input, the first hypertext markup language inline frame element container in the visible window area is hidden in a hiding method with a preset page-turning hiding effect. The effect achieved in this way further improves the user experience. By generating a second hypertext markup language inline frame element container in the visible window area, the target page of the second webpage can be loaded through the second hypertext markup language inline frame element container, thereby achieving the effect of accurately loading the target page.

[0061] In some embodiments of this application, in order to accurately hide the first hypertext markup language inline frame element container within the visible window area, before hiding the first hypertext markup language inline frame element container within the visible window area in response to the first input using a hiding method with a preset page-turning hiding effect, the page loading method described above may further include:

[0062] Get the first height of the first webpage and the second height of the visible window area;

[0063] Based on the first height and the second height, determine the total number of page numbers of the first webpage's display pages;

[0064] If the total number of pages is greater than 1, set the scroll bar height for each displayed page according to the page number of each displayed page;

[0065] The specific steps of hiding the first hypertext markup language inline frame element container within the visible window area in response to the first input, using a preset page-turning hiding method, may include:

[0066] In response to the first input, the first hypertext markup language inline frame element container within the visible window area is hidden in a preset page-turning hiding mode, and the display page displayed within the first hypertext markup language inline frame element container is also hidden.

[0067] The first height can be the height of the first webpage.

[0068] The second height can be the visible window area.

[0069] In some embodiments of this application, the total number of pages displayed on the first webpage can be determined based on the first height and the second height. Specifically, this can be achieved by obtaining the ratio (e.g., R1) of the first height and the second height (e.g., R2). If the ratio is an integer, the total number of pages displayed on the first webpage is R (meaning the webpage can be divided into R pages for display). If the ratio is not an integer, the total number of pages displayed on the first webpage is the integer obtained by rounding up R.

[0070] In some embodiments of this application, when the total number of pages is greater than 1, the scroll bar height for each displayed page can be set according to the number of pages displayed. Specifically, it can be obtained using the following formula (1):

[0071] H=R2*(p-1) (1)

[0072] Where H is the height of the scroll bar corresponding to the displayed page; R2 is the second height of the visible window area; and p is the page number of the displayed page.

[0073] In some embodiments of this application, when the first hypertext markup language inline frame element container within the visible window area is hidden using a preset page-turning hiding method, and the display page displayed within the first hypertext markup language inline frame element container is hidden, the hiding height of the display page can be the height of the scroll bar corresponding to the display page.

[0074] In some embodiments of this application, all iframe containers need to have Cascading Style Sheets (CSS) styles set to hide the webpage content after it exceeds the visible area. This will hide the scrollbar in the webpage within the iframe container, preventing the user from scrolling the webpage. This ensures that the content displayed in each iframe container remains constant. By setting the scrollbar height of the webpage, the content displayed in the previous iframe container can be hidden. In this way, the function of paginating and displaying the same webpage content in different iframe containers by controlling the scrollbar height can be achieved without splitting the webpage content.

[0075] In some embodiments of this application, if a webpage needs to be displayed in multiple pages, in order to ensure that the height of the displayed content of the webpage in each iframe container is consistent with the height of the visible window area (i.e., the second height) after pagination, the height of the page displayed in the iframe container can be set to R*R2, and the current page number cP of the webpage in the first iframe container is set to 1, the scroll bar height of the webpage is set to 0, and the scroll bar height of the webpage is set to 0. This ensures that the content displayed in the previous iframe container is scrolled to the top and hidden, and the subsequent scroll bar heights are calculated according to this method.

[0076] In some embodiments of this application, when hiding the first hypertext markup language inline frame element container within the visible window area using a preset page-turning hiding method, specifically, the transparency value of the iframe container's CSS property can be set to 0 to hide the iframe container within the visible window area (in this application, hiding iframe containers is achieved using this method), and an iframe container is generated within the visible window area. The iframe container loads the webpage and sets the webpage scrollbar height. The hidden iframe container can achieve a Y-axis flipping page-turning effect by adding the CSS3 rotate3d property (in this application, page-turning effects can all be achieved using this method).

[0077] In the embodiments of this application, by obtaining the first height of the first webpage and the second height of the visible window area, the total number of page numbers of the first webpage is determined based on the first height and the second height. If the total number of page numbers is greater than 1, the scroll bar height corresponding to each displayed page is set according to the page number of each displayed page. In this way, in response to the first input, the first hypertext markup language inline frame element container in the visible window area is hidden in a hidden way with a preset page turning and hiding effect, and the displayed page displayed in the hypertext markup language inline frame element container is hidden. Since the hiding height of the displayed page can be the scroll bar height corresponding to the displayed page, the height at which the displayed page is hidden when turning pages can be accurately determined.

[0078] In some embodiments of this application, in order to save memory, after the first Hypertext Markup Language inline frame element container within the visible window area is hidden in response to the first input using a hiding method with a preset page-turning hiding effect, the page loading method described above may further include:

[0079] Remove the first Hypertext Markup Language inline frame element container from the electronic device.

[0080] In the embodiments of this application, after hiding the first hypertext markup language inline frame element container, the first hypertext markup language inline frame element container is removed from the electronic device, thereby preventing memory overflow and saving memory space.

[0081] In some embodiments of this application, the screen may be a foldable screen. To enhance the user experience, before generating the second Hypertext Markup Language inline frame element container within the visible window area, the page loading method described above may further include:

[0082] Get the state of the foldable screen;

[0083] The step of generating a second Hypertext Markup Language inline frame element container within the viewport area may specifically include:

[0084] When the foldable screen is in a folded state, a second Hypertext Markup Language inline frame element container is generated within the visible window area of ​​the foldable screen.

[0085] When the foldable screen is in the unfolded state, a second Hypertext Markup Language (HML) inline frame element container is generated within the visible window area of ​​the first screen of the foldable screen, and a second HML inline frame element container is generated within the visible window area of ​​the second screen of the foldable screen.

[0086] The state of the foldable screen can be the current state of the foldable screen, such as whether it is folded or unfolded.

[0087] The first screen can be any screen in the unfolded state of the foldable screen.

[0088] In one example, refer to Figure 2 The foldable screen is in the unfolded state, and the left screen 21 can be the first screen.

[0089] The second screen can be another screen besides the first screen when the foldable screen is unfolded.

[0090] In one example, continue to refer to Figure 2 The right-hand screen 22 can be the second screen.

[0091] In the embodiments of this application, by obtaining the state of the foldable screen, when the foldable screen is in a folded state, a second HMRG inline frame element container is generated in the visible window area of ​​the foldable screen; when the foldable screen is in an unfolded state, a second HMRG inline frame element container is generated in the visible window area of ​​the first screen of the foldable screen, and a second HMRG inline frame element container is generated in the visible window area of ​​the second screen of the foldable screen. In this way, the number of second HMRG inline frame element containers generated can be determined according to the user's needs for the state of the foldable screen, thereby improving the user experience.

[0092] In some embodiments of this application, in order to accurately determine the size of the generated second Hypertext Markup Language inline frame element container, the page loading method described above may further include the following before generating the second Hypertext Markup Language inline frame element container within the viewport area:

[0093] Get the first width of the viewport area;

[0094] When the foldable screen is in a folded state, a second Hypertext Markup Language inline frame element container is generated within the visible window area of ​​the foldable screen, including:

[0095] When the foldable screen is in a folded state, a second Hypertext Markup Language inline frame element container with a width and height equal to the first width and second height of the view window area of ​​the foldable screen is generated within the view window area of ​​the foldable screen.

[0096] When the foldable screen is in the unfolded state, a second hypertext markup language inline frame element container is generated in the visible window area of ​​the first screen of the foldable screen, with a width and height that are half the first width and half the second height of the visible window area, respectively. A second hypertext markup language inline frame element container is also generated in the visible window area of ​​the second screen of the foldable screen, with a width and height that are half the first width and half the second height of the visible window area, respectively.

[0097] The first width can be the width of the visible window area.

[0098] In one example, refer to Figure 3 When the foldable screen is in the folded state, if the first width of the visible window is W2 and the second height is R2, then a Hypertext Markup Language inline frame element container with a width of W2 and a height of R2 is also generated within the visible window area.

[0099] In another example, refer to Figure 4 When the foldable screen is in the unfolded state, if the first width of the visible window is W2 and the second height is R2, then an iframe container with a width of W2 / 2 and a height of R2 / 2 is generated in the first screen 41 of the visible window area, and an iframe container with a width of W2 / 2 and a height of R2 / 2 is also generated in the second screen 42 of the visible window area.

[0100] In embodiments of this application, by obtaining the first width of the visible window area, the width and height of the generated second Hypertext Markup Language inline frame element container can be accurately determined based on the state of the collapsible screen.

[0101] In some embodiments of this application, in the case of displaying the first page of the first webpage as described above, the first page of the first webpage can also be displayed according to the state of the foldable screen. Specifically, it can be as follows:

[0102] refer to Figure 5 iframe1 is the first iframe container. When the foldable screen is in the folded state, if the first webpage has 3 pages, the first page can be the first page of the first webpage. The visible window area of ​​the foldable screen displays the first page of the first webpage, indicating that the first page of the first webpage has been loaded. After the first page of the first webpage has been loaded, the effect seen by the user is as follows. Figure 5 As shown, in Figure 5 In the middle, the page number of the first page in area 51 can be 1, and its corresponding scroll bar height is 0 (which can be calculated based on formula (1)). Figure 5 Region 52 in the middle is the part of the first webpage that is hidden and extends beyond the visible window area.

[0103] refer to Figure 6 iframe1 is the first iframe container, and iframe2 is the second iframe container. When the foldable screen is in the expanded state, if the first webpage has three pages, the first page can be the first page of the first webpage, and the second page can be the second page of the first webpage. The first screen 61 of the foldable screen's visible window area can display the first page of the first webpage (its page number can be set to 1, and its scroll bar height is 0), and the second screen 62 can display the second page of the first webpage (its page number can be set to 2). This indicates that the first and second pages of the first webpage have been loaded, and the URLs of the first webpage loaded on the first and second screens are the same. After loading the first and second pages of the first webpage, the user will see the following effect: Figure 6 As shown, in Figure 6 In the text, regions 63, 64 and 65 are all parts of the first webpage that are hidden outside the visible window area. Among them, the scroll bar height corresponding to region 64 is R2 (which can be calculated based on formula (1)).

[0104] Step 120: Determine the target page of the second webpage to be loaded based on the input characteristics of the first input.

[0105] The input features of the first input can be the feature information of the first input, such as the input type of the first input.

[0106] The second webpage can be a different webpage from the first webpage, or it can be the same webpage as the first webpage.

[0107] The target page can be a page within a second webpage.

[0108] In some embodiments of this application, when the second webpage and the first webpage are the same webpage, the target page can be the previous or next page of the first page of the first webpage. When the second webpage is different from the first webpage, the target page can be the first page of the second webpage.

[0109] In some embodiments of this application, the first input may be a swipe input. To accurately determine the target page of the second webpage, step 120 may specifically include:

[0110] Determine the sliding direction based on the start and end positions of the sliding input;

[0111] Determine the target page of the second webpage to be loaded based on the swipe direction.

[0112] In the embodiments of this application, the sliding direction of the sliding book can be determined according to the start and end positions of the sliding input, and based on the sliding direction, the target page of the second webpage to be loaded can be accurately determined.

[0113] In some embodiments of this application, in order to further accurately determine the target page of the second webpage, the page loading method described above may further include the following steps before step 120:

[0114] Get the first page number of the first page of the first webpage;

[0115] The step of determining the target page of the second webpage to be loaded based on the swiping direction may specifically include:

[0116] If the first page number is determined to be the first or last page of the first webpage, the second webpage to be loaded is determined to be a different webpage from the first webpage based on the scrolling direction, and the target page is the first page of the second webpage.

[0117] If the first page number is determined to be an intermediate page of the first webpage, the second webpage to be loaded is determined to be the same webpage as the first webpage based on the scrolling direction, and the target page is the previous or next page of the first webpage.

[0118] The first page number can be the page number of the first page of the first webpage.

[0119] In one example, refer to Figure 7 If it is determined that swiping to the right is to turn to the previous page (when the collapsible screen is in a collapsed state) or two pages above (when the collapsible screen is in an expanded state), and if the first page number is the homepage of the first webpage, then based on the fact that swiping to the right is to turn to the previous page, it can be determined that the second webpage to be loaded is a different webpage from the first webpage, and the target page is the homepage of the second webpage, which is the first page of the webpage preceding the first webpage.

[0120] Continue to refer to Figure 7 If the first page number is the middle page of the first webpage, then according to the rule that swiping to the right is the previous page, it can be determined that the second webpage to be loaded is the same webpage as the first webpage, and the target page is the previous page of the first webpage, that is, the page before the first page of the first webpage that is loaded.

[0121] It should be noted that, if it is determined that the second webpage to be loaded is the same as the first webpage, and the target page is the previous page of the first webpage, the page number of the target page can be set to the page number of the first page (i.e., the first page number) minus 1. The page height of the target page can be R*R2, and the scroll bar height is determined based on the above formula (1).

[0122] In another example, refer to Figure 8If it is determined that swiping left turns to the next page (when the screen is folded) or two pages down (when the screen is unfolded), and if the first page number is the last page of the first webpage, then based on the fact that swiping left turns to the next page, it can be determined that the second webpage to be loaded is different from the first webpage, and the target page is the first page of the second webpage, which is the first page of the second webpage to be loaded.

[0123] Continue to refer to Figure 8 If the first page number is the middle page of the first webpage, then according to the leftward swipe to the next page, it can be determined that the second webpage to be loaded is the same as the first webpage, and the target page is the next page after the first webpage, that is, the page after the first page of the first webpage.

[0124] It should be noted that, if it is determined that the second webpage to be loaded is the same as the first webpage, and the target page is the next page of the first webpage, the page number of the target page can be set to the page number of the first page (i.e., the first page number) plus 1. The page height of the target page can be R*R2, and the scroll bar height is determined based on the above formula (1).

[0125] In the embodiments of this application, the target page of the second webpage is determined by obtaining the first page number of the first page of the first webpage and determining whether the first page number is the first page, the last page, or a middle page, thus further accurately determining the target page of the second webpage.

[0126] Step 130: Load the target page of the second webpage using the second hypertext markup language inline frame element container.

[0127] In some embodiments of this application, in order to further accurately load the target page of the second webpage, step 130 may specifically include:

[0128] Depending on the state of the foldable screen, the target page of the second webpage is loaded via a second hypertext markup language inline frame element container.

[0129] Specifically, when the foldable screen is in a folded state, the target page of the second webpage can be loaded based on a generated second hypertext markup language inline frame element container.

[0130] In one example, refer to Figure 9 If the foldable screen is in a folded state, and a 3-page webpage is loaded, swiping left reveals the next page. After successfully turning the page, the result will be as follows: Figure 10 As shown. In Figure 9 and Figure 10In the diagram, iframe1 is the first iframe container 91, which loads the first page of the first webpage. Its page number is 1, so its corresponding scroll bar height is 0. iframe2 is the second iframe container 92, which loads the next page of the first webpage. Its page number is 2, and its corresponding scroll bar height is R2 (which can be calculated based on the above formula (1)). Regions 93, 94, and 95 are all parts of the first webpage that extend beyond the visible window area. The height of region 94 is R2.

[0131] When the foldable screen is in the unfolded state, the first target page of the second webpage is loaded in the second hypertext markup language inline frame element container within the visible window area of ​​the first screen; the second target page of the second webpage is loaded in the second hypertext markup language inline frame element container within the visible window area of ​​the second screen.

[0132] The first target page can be one of the pages in the second webpage.

[0133] The second target page can be another page within a second webpage; specifically, the second target page can be the page following the first target page.

[0134] In some embodiments of this application, when the foldable screen is in an unfolded state, in response to the first input, the first target page of the second webpage can be loaded into the second hypertext markup language inline frame element container within the visible window area of ​​the first screen; the second target page of the second webpage can be loaded into the second hypertext markup language inline frame element container within the visible window area of ​​the second screen. After loading, the iframe containers in the two screens can be 3D transformed using CSS3's translate3d (the splicing in this application is all done using this method), and page-turning animation effects can be added to the iframe containers in the spliced ​​two screens.

[0135] In one example, refer to Figure 11 If the foldable screen is in the unfolded state, and a 4-page webpage is loaded, swiping left will display the next page after the current page is turned. Then, after a successful page turn, the following will occur: Figure 12 As shown.

[0136] exist Figure 11 and Figure 12In the diagram, iframe1 is the first iframe container (111), which loads the first page of the first webpage, with page number 1, so its corresponding scrollbar height is 0. iframe3 is the third iframe container (112), which loads the next two pages of the first webpage. iframe4 is the fourth iframe container (113), which loads the next three pages of the first webpage. Figure 11 It also has an iframe2 container that loads the second page of the first webpage. Figure 11 The iframe2 container is not shown because it is obscured by the iframe3 and iframe4 containers.

[0137] Continue to refer to Figure 11 and Figure 12 Region 114 is the part of the third iframe container that exceeds the visible window area (i.e., the second page loaded by iframe2 container, and the page before the second page), and its corresponding scroll bar height is R2*2 (because the second page of the first webpage and the page before the second page are hidden in region 114, the page number of the page displayed in iframe3 container is 3. Based on the above formula (1), the scroll bar height corresponding to page number 3 is R2*2).

[0138] Region 115 is the part of the first iframe container that extends beyond the visible window area. Region 116 is the part of the fourth iframe container that extends beyond the visible window area (i.e., the third page loaded by the iframe3 container, and the pages before the third page), and its corresponding scroll bar height is R2*3 (because the third page of the first webpage and the pages before the third page are hidden in region 116, the page number of the page displayed in the iframe4 container is 4, and the scroll bar height corresponding to the page number 4 can be calculated based on the above formula (1) as R2*3).

[0139] Region 117 is the portion of the third iframe container that extends beyond the visible window area. The difference between region 117 and region 114 is that the portion of region 114 that extends beyond the visible window area is the portion that has already been loaded and displayed, while the portion of region 117 that extends beyond the visible window area is the portion that has not yet been loaded and displayed.

[0140] Region 118 is the part of the second iframe2 container that extends beyond the visible window area, which is the part that has not yet been loaded and displayed when the second page is displayed (it should be noted that there is also part of the second iframe2 container that extends beyond the visible window area behind region 117, but it is obscured by the part of the third iframe container that extends beyond the visible window area in region 117, so it is not displayed).

[0141] In the embodiments of this application, when the foldable screen is in the unfolded state, the first target page of the second webpage is loaded in the second hypertext markup language inline frame element container within the visible window area of ​​the first screen; the second target page of the second webpage is loaded in the second hypertext markup language inline frame element container within the visible window area of ​​the second screen, thus accurately loading the target page of the second webpage.

[0142] Thus, the technical solution of this application enables web applications to provide users of foldable screen terminals with a page-turning reading experience, improving the user experience of web pages. The web application can run within the view of native applications, such as browsers and reading applications, allowing a single codebase to run in multiple locations, reducing development costs.

[0143] The page loading method provided in this application can be executed by a page loading device. This application uses a page loading device executing the page loading method as an example to illustrate the page loading device provided in this application.

[0144] Figure 13 This is a schematic diagram of the structure of a page loading device according to an exemplary embodiment.

[0145] like Figure 13 As shown, the page loading device 1300 can be applied to an electronic device, which may include a screen; the page loading device 1300 may include:

[0146] The receiving module 1310 is used to receive the user's first input when the first page of the first webpage is displayed in the visible window area of ​​the screen;

[0147] The first determining module 1320 is used to determine the target page of the second webpage to be loaded based on the input characteristics of the first input.

[0148] The loading module 1330 is used to load the target page of the second webpage; wherein, when the second webpage and the first webpage are the same webpage, the target page is the previous or next page of the first page of the first webpage, and when the second webpage and the first webpage are different, the target page is the first page of the second webpage.

[0149] In the embodiments of this application, when the first page of the first webpage is displayed in the visible window area of ​​the screen of the electronic device, the receiving module receives the user's first input. Then, based on the input characteristics of the first input, the first determining module determines the target page of the second webpage to be loaded, and the loading module loads the target page of the second webpage. In this way, the webpage displayed in the visible window can be flipped according to the user's operation, which improves the user experience.

[0150] In some embodiments of this application, the first webpage is loaded via a first Hypertext Markup Language inline frame element container displayed within the visual window. To further enhance the user experience, the page loading device described above may further include:

[0151] The processing module is configured to respond to the first input by hiding the first hypertext markup language inline frame element container in the visible window area using a preset page-turning hiding method; and to generate a second hypertext markup language inline frame element container in the visible window area.

[0152] Module 1330 can be specifically used for:

[0153] The target page of the second webpage is loaded through the second hypertext markup language inline frame element container.

[0154] In some embodiments of this application, in order to accurately hide the first Hypertext Markup Language inline frame element container within the visible window area, the page loading device mentioned above may further include: a first acquisition module, used to acquire the first height of the first webpage and the second height of the visible window area;

[0155] The second determining module is used to determine the total number of page numbers of the first webpage based on the first height and the second height.

[0156] The settings module is used to set the scroll bar height for each displayed page based on the page number of each displayed page when the total number of pages is greater than 1.

[0157] The processing module includes:

[0158] A hiding unit is used to respond to the first input and hide the first hypertext markup language inline frame element container and the display page displayed within the first hypertext markup language inline frame element container in a hiding method with a preset page-turning hiding effect, wherein the hiding height of the display page is the height of the scroll bar corresponding to the display page.

[0159] In some embodiments of this application, the first input may be a swipe input. To accurately determine the target page of the second webpage, the first determining module 1320 may include:

[0160] The first determining unit is used to determine the sliding direction based on the start and end positions of the sliding input;

[0161] The second determining unit is used to determine the target page of the second webpage to be loaded based on the sliding direction.

[0162] In some embodiments of this application, in order to further accurately determine the target page of the second webpage, the page loading device mentioned above may further include:

[0163] The second acquisition module is used to acquire the first page number of the first page of the first webpage;

[0164] The second determining unit can be specifically used to: when the first page number is determined to be the first page or the last page of the first webpage, determine, according to the sliding direction, that the second webpage to be loaded is a different webpage from the first webpage, and that the target page is the first page of the second webpage; when the first page number is determined to be a middle page of the first webpage, determine, according to the sliding direction, that the second webpage to be loaded is the same webpage as the first webpage, and that the target page is the previous page or the next page of the first webpage.

[0165] In some embodiments of this application, the screen may be a foldable screen. To enhance the user experience, the page loading device described above may further include:

[0166] The third acquisition module is used to acquire the state of the foldable screen;

[0167] The processing module may specifically include:

[0168] The first generation unit is used to generate a second Hypertext Markup Language inline frame element container within the visible window area of ​​the foldable screen when the foldable screen is in a folded state.

[0169] The second generation unit is configured to generate a second hypertext markup language inline frame element container in the visible window area of ​​the first screen of the foldable screen and a second hypertext markup language inline frame element container in the visible window area of ​​the second screen of the foldable screen when the foldable screen is in the unfolded state; wherein, the first screen is any screen in the unfolded state of the foldable screen, and the second screen is another screen in the unfolded state of the foldable screen other than the first screen.

[0170] In some embodiments of this application, when the foldable screen is in an unfolded state, in order to further accurately load the target page of the second webpage, the loading module 1330 may specifically be used to:

[0171] The first target page of the second webpage is loaded in the second hypertext markup language inline frame element container within the visible window area of ​​the first screen;

[0172] The second target page of the second webpage is loaded in the second hypertext markup language inline frame element container within the visible window area of ​​the second screen; wherein the second target page is the next page of the first target page.

[0173] The page loading device in this application embodiment can be an electronic device or a component within an electronic device, such as an integrated circuit or a chip. The electronic device can be a terminal or other devices besides a terminal. For example, the electronic device can be a mobile phone, tablet computer, laptop computer, PDA, in-vehicle electronic device, mobile internet device (MID), augmented reality (AR) / virtual reality (VR) device, robot, wearable device, ultra-mobile personal computer (UMPC), netbook, or personal digital assistant (PDA), etc. It can also be a server, network attached storage (NAS), personal computer (PC), television set (TV), ATM, or self-service machine, etc. This application embodiment does not specifically limit the device.

[0174] The page loading device in this application embodiment can be a device with an operating system. This operating system can be Android, iOS, or other possible operating systems; this application embodiment does not specifically limit the specific operating system used.

[0175] The page loading device provided in this application embodiment can achieve... Figure 1 The various processes implemented in the method implementation examples will not be described again here to avoid repetition.

[0176] Optionally, such as Figure 14As shown, this application embodiment also provides an electronic device 1400, including a processor 1401 and a memory 1402. The memory 1402 stores a program or instructions that can run on the processor 1401. When the program or instructions are executed by the processor 1401, they implement the various steps of the above-described page loading method embodiment and can achieve the same technical effect. To avoid repetition, they will not be described again here.

[0177] It should be noted that the electronic devices in the embodiments of this application include the mobile electronic devices and non-mobile electronic devices described above.

[0178] Figure 15 A schematic diagram of the hardware structure of an electronic device to implement an embodiment of this application.

[0179] The electronic device 1500 includes, but is not limited to, components such as: radio frequency unit 1501, network module 1502, audio output unit 1503, input unit 1504, sensor 1505, display unit 1506, user input unit 1507, interface unit 1508, memory 1509, and processor 1510.

[0180] Those skilled in the art will understand that the electronic device 1500 may also include a power supply (such as a battery) for supplying power to various components. The power supply may be logically connected to the processor 1510 through a power management system, thereby enabling functions such as managing charging, discharging, and power consumption through the power management system. Figure 15 The electronic device structure shown does not constitute a limitation on the electronic device. The electronic device may include more or fewer components than shown, or combine certain components, or have different component arrangements, which will not be elaborated here.

[0181] The user input unit 1507 is used to receive the user's first input when the first page of the first webpage is displayed in the visible window area of ​​the screen;

[0182] The processor 1510 is configured to determine the target page of the second webpage to be loaded based on the input characteristics of the first input; and load the target page of the second webpage; wherein, when the second webpage and the first webpage are the same webpage, the target page is the previous or next page of the first page of the first webpage, and when the second webpage and the first webpage are different, the target page is the first page of the second webpage.

[0183] In this way, by displaying the first page of the first webpage in the visible window area of ​​the electronic device screen, the target page of the second webpage to be loaded can be determined based on the input characteristics of the user's first input, and the target page of the second webpage can be loaded. Thus, the webpage displayed in the visible window can be flipped according to the user's operation, improving the user experience.

[0184] Optionally, the first webpage is loaded by a first hypertext markup language inline frame element container displayed within the visible window. The processor 1510 is further configured to, in response to the first input, hide the first hypertext markup language inline frame element container within the visible window area using a hiding method with a preset page-turning hiding effect; and generate a second hypertext markup language inline frame element container within the visible window area; and load the target page of the second webpage through the second hypertext markup language inline frame element container.

[0185] Thus, by responding to the first input, the first hypertext markup language inline frame element container within the visible window area is hidden in a way that uses a preset page-turning hiding function. This achieves an effect that further enhances the user experience. By generating a second hypertext markup language inline frame element container within the visible window area, the target page of the second webpage can be loaded through the second hypertext markup language inline frame element container, achieving the effect of accurately loading the target page.

[0186] Optionally, the interface unit 1508 is used to obtain the first height of the first webpage and the second height of the visible window area;

[0187] The processor 1510 is further configured to determine the total number of page numbers of the first webpage's display pages based on the first height and the second height; when the total number of page numbers is greater than 1, set the scroll bar height corresponding to each display page based on the page number of each display page; and, in response to the first input, hide the first hypertext markup language inline frame element container and the display pages displayed within the first hypertext markup language inline frame element container in the visible window area using a hiding method with a preset page-turning hiding effect, wherein the hiding height of the display pages is the scroll bar height corresponding to the display pages.

[0188] Thus, by obtaining the first height of the first webpage and the second height of the visible window area, the total number of page numbers of the first webpage's display pages is determined based on the first height and the second height. If the total number of page numbers is greater than 1, the scroll bar height corresponding to each display page is set according to the page number of each display page. In this way, in response to the first input, the first hypertext markup language inline frame element container within the visible window area is hidden in a preset page-turning hiding method, and the display pages displayed within the hypertext markup language inline frame element container are also hidden. Since the hiding height of the display page can be the scroll bar height corresponding to the display page, the height at which the display page is hidden when turning pages can be accurately determined.

[0189] Optionally, the first input is a sliding input; the processor 1510 is further configured to determine the sliding direction based on the start and end positions of the sliding input; and to determine the target page of the second webpage to be loaded based on the sliding direction.

[0190] In this way, the sliding direction of the sliding book can be determined based on the start and end positions of the sliding input, and the target page of the second webpage to be loaded can be accurately determined based on the sliding direction.

[0191] Optionally, interface unit 1508 is also used to obtain the first page number of the first page of the first webpage;

[0192] The processor 1510 is further configured to, when determining that the first page number is the first page or the last page of the first webpage, determine, according to the sliding direction, that the second webpage to be loaded is a different webpage from the first webpage, and the target page is the first page of the second webpage; and when determining that the first page number is a middle page of the first webpage, determine, according to the sliding direction, that the second webpage to be loaded is the same webpage as the first webpage, and the target page is the previous page or the next page of the first webpage.

[0193] Optionally, the screen is a foldable screen, and the interface unit 1508 is also used to obtain the state of the foldable screen;

[0194] The processor 1510 is further configured to, when the foldable screen is in a folded state, generate a second Hypertext Markup Language (HML) inline frame element container within the visible window area of ​​the foldable screen; and when the foldable screen is in an unfolded state, generate a second HML inline frame element container within the visible window area of ​​the first screen of the foldable screen, and generate a second HML inline frame element container within the visible window area of ​​the second screen of the foldable screen; wherein the first screen is any screen in the unfolded state of the foldable screen, and the second screen is another screen other than the first screen in the unfolded state of the foldable screen.

[0195] In this way, by obtaining the state of the foldable screen, when the foldable screen is in a folded state, a second HMRL inline frame element container is generated within the visible window area of ​​the foldable screen; when the foldable screen is in an unfolded state, a second HMRL inline frame element container is generated within the visible window area of ​​the first screen of the foldable screen, and a second HMRL inline frame element container is generated within the visible window area of ​​the second screen of the foldable screen. In this way, the number of second HMRL inline frame element containers generated can be determined according to the user's needs for the state of the foldable screen, thereby improving the user experience.

[0196] Optionally, the processor 1510 is further configured to, when the foldable screen is in an unfolded state, load a first target page of the second webpage in the second hypertext markup language inline frame element container within the visible window area of ​​the first screen; and load a second target page of the second webpage in the second hypertext markup language inline frame element container within the visible window area of ​​the second screen; wherein the second target page is the next page of the first target page.

[0197] Thus, when the foldable screen is in the unfolded state, the first target page of the second webpage is loaded in the second hypertext markup language inline frame element container within the visible window area of ​​the first screen; the second target page of the second webpage is loaded in the second hypertext markup language inline frame element container within the visible window area of ​​the second screen, thereby accurately loading the target page of the second webpage.

[0198] It should be understood that, in this embodiment, the input unit 1504 may include a graphics processing unit (GPU) 15041 and a microphone 15042. The GPU 15041 processes image data of still images or videos obtained by an image capture device (such as a camera) in video capture mode or image capture mode. The display unit 1506 may include a display panel 15061, which may be configured in the form of a liquid crystal display, an organic light-emitting diode, or the like. The user input unit 1507 includes a touch panel 15071 and at least one of other input devices 15072. The touch panel 15071 is also called a touch screen. The touch panel 15071 may include a touch detection device and a touch controller. Other input devices 15072 may include, but are not limited to, physical keyboards, function keys (such as volume control buttons, power buttons, etc.), trackballs, mice, and joysticks, which will not be described in detail here.

[0199] The memory 1509 can be used to store software programs and various data. The memory 1509 may primarily include a first storage area for storing programs or instructions and a second storage area for storing data. The first storage area may store the operating system, application programs or instructions required for at least one function (such as sound playback, image playback, etc.). Furthermore, the memory 1509 may include volatile memory or non-volatile memory, or both. The non-volatile memory may be read-only memory (ROM), programmable read-only memory (PROM), erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), or flash memory. Volatile memory can be random access memory (RAM), static random access memory (SRAM), dynamic random access memory (DRAM), synchronous dynamic random access memory (SDRAM), double data rate synchronous dynamic random access memory (DDRSDRAM), enhanced synchronous dynamic random access memory (ESDRAM), synchronous link dynamic random access memory (SLDRAM), and direct memory bus RAM (DRRAM). The memory 1509 in this embodiment includes, but is not limited to, these and any other suitable types of memory.

[0200] Processor 1510 may include one or more processing units; optionally, processor 1510 integrates an application processor and a modem processor, wherein the application processor mainly handles operations involving the operating system, user interface, and applications, and the modem processor mainly handles wireless communication signals, such as a baseband processor. It is understood that the aforementioned modem processor may also not be integrated into processor 1510.

[0201] This application also provides a readable storage medium storing a program or instructions. When the program or instructions are executed by a processor, they implement the various processes of the above-described page loading method embodiments and achieve the same technical effect. To avoid repetition, they will not be described again here.

[0202] The processor is the processor in the electronic device described in the above embodiments. The readable storage medium includes computer-readable storage media, such as computer read-only memory (ROM), random access memory (RAM), magnetic disk, or optical disk.

[0203] This application embodiment also provides a chip, which includes a processor and a communication interface. The communication interface is coupled to the processor. The processor is used to run programs or instructions to implement the various processes of the above-described page loading method embodiments and can achieve the same technical effect. To avoid repetition, it will not be described again here.

[0204] It should be understood that the chip mentioned in the embodiments of this application may also be referred to as a system-on-a-chip, system chip, chip system, or system-on-a-chip, etc.

[0205] This application provides a computer program product that is stored in a storage medium and executed by at least one processor to implement the various processes of the page loading method embodiment described above, and achieves the same technical effect. To avoid repetition, it will not be described again here.

[0206] It should be noted that, in this document, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes that element. Furthermore, it should be noted that the scope of the methods and apparatuses in the embodiments of this application is not limited to performing functions in the order shown or discussed, but may also include performing functions substantially simultaneously or in the reverse order, depending on the functions involved. For example, the described methods may be performed in a different order than described, and various steps may be added, omitted, or combined. Additionally, features described with reference to certain examples may be combined in other examples.

[0207] Through the above description of the embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus necessary general-purpose hardware platforms. Of course, they can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, can be embodied in the form of a computer software product. This computer software product is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk) and includes several instructions to cause a terminal (which may be a mobile phone, computer, server, or network device, etc.) to execute the methods described in the various embodiments of this application.

[0208] The embodiments of this application have been described above with reference to the accompanying drawings. However, this application is not limited to the specific embodiments described above. The specific embodiments described above are merely illustrative and not restrictive. Those skilled in the art can make many other forms under the guidance of this application without departing from the spirit and scope of the claims, and all of these forms are within the protection scope of this application.

Claims

1. A page loading method, characterized in that, The method includes: When the first page of the first webpage is displayed in the visible window area of ​​the screen, receive the user's first input; Based on the input characteristics of the first input, determine the target page of the second webpage to be loaded; Load the target page of the second webpage; wherein, when the second webpage and the first webpage are the same webpage, the target page is the previous or next page of the first page of the first webpage, and when the second webpage and the first webpage are different, the target page is the first page of the second webpage; The first webpage is loaded by a first Hypertext Markup Language inline frame element container displayed within the view window. After receiving the user's first input, the method further includes: In response to the first input, the first hypertext markup language inline frame element container in the visible window area is hidden in a hiding method with a preset page-turning hiding effect; and a second hypertext markup language inline frame element container is generated in the visible window area. The target page for loading the second webpage includes: The target page of the second webpage is loaded through the second Hypertext Markup Language inline frame element container; The screen is a collapsible screen; before generating a second Hypertext Markup Language inline frame element container within the visible window area, the method further includes: Obtain the state of the foldable screen; The specific steps of generating a second Hypertext Markup Language inline frame element container within the viewport area include: When the foldable screen is in a folded state, a second Hypertext Markup Language inline frame element container is generated within the visible window area of ​​the foldable screen. When the foldable screen is in the unfolded state, a second hypertext markup language inline frame element container is generated in the visible window area of ​​the first screen of the foldable screen, and a second hypertext markup language inline frame element container is generated in the visible window area of ​​the second screen of the foldable screen; wherein, the first screen is any screen in the unfolded state of the foldable screen, and the second screen is another screen in the unfolded state of the foldable screen other than the first screen.

2. The method according to claim 1, characterized in that, Before hiding the first Hypertext Markup Language inline frame element container within the visible window area in response to the first input using a preset page-turning hiding method, the method further includes: Obtain the first height of the first webpage and the second height of the visible window area; Based on the first height and the second height, determine the total number of page numbers of the first webpage's display pages; If the total number of pages is greater than 1, set the scroll bar height for each displayed page according to the page number of each displayed page; The step of hiding the first Hypertext Markup Language inline frame element container within the visible window area in response to the first input, using a preset page-turning hiding method, includes: In response to the first input, the first hypertext markup language inline frame element container and the display page displayed within the first hypertext markup language inline frame element container are hidden in a hidden manner with a preset page-turning hiding effect, wherein the hidden height of the display page is the height of the scroll bar corresponding to the display page.

3. The method according to claim 1, characterized in that, The first input is a sliding input; The step of determining the target page of the second webpage to be loaded based on the input characteristics of the first input includes: The sliding direction is determined based on the start and end positions of the sliding input; Based on the sliding direction, determine the target page of the second webpage to be loaded.

4. The method according to claim 3, characterized in that, Before determining the target page of the second webpage to be loaded based on the input characteristics of the first input, the method further includes: Get the first page number of the first page of the first webpage; Determining the target page of the second webpage to be loaded based on the sliding direction includes: If the first page number is determined to be the first page or the last page of the first webpage, the second webpage to be loaded is determined to be a different webpage from the first webpage based on the sliding direction, and the target page is the first page of the second webpage. If the first page number is determined to be an intermediate page of the first webpage, the second webpage to be loaded is determined to be the same webpage as the first webpage according to the sliding direction, and the target page is the previous or next page of the first webpage.

5. The method according to claim 1, characterized in that, When the foldable screen is in the unfolded state, loading the target page of the second webpage through the second Hypertext Markup Language inline frame element container specifically includes: The first target page of the second webpage is loaded in the second hypertext markup language inline frame element container within the visible window area of ​​the first screen; The second target page of the second webpage is loaded in the second hypertext markup language inline frame element container within the visible window area of ​​the second screen; wherein the second target page is the next page of the first target page.

6. A page loading device, characterized in that, The device includes: The receiving module is used to receive the user's first input when the first page of the first webpage is displayed in the visible window area of ​​the screen; The first determining module is used to determine the target page of the second webpage to be loaded based on the input characteristics of the first input; A loading module is used to load the target page of the second webpage; wherein, when the second webpage and the first webpage are the same webpage, the target page is the previous or next page of the first page of the first webpage; when the second webpage and the first webpage are different, the target page is the first page of the second webpage. The first webpage is loaded via a first Hypertext Markup Language inline frame element container displayed within the view window; the apparatus further includes: The processing module is configured to respond to the first input by hiding the first hypertext markup language inline frame element container in the visible window area using a preset page-turning hiding method; and to generate a second hypertext markup language inline frame element container in the visible window area. The loading module is specifically used for: The target page of the second webpage is loaded through the second Hypertext Markup Language inline frame element container; The screen is a foldable screen; the device further includes: The third acquisition module is used to acquire the state of the foldable screen; The processing module includes: The first generation unit is used to generate a second Hypertext Markup Language inline frame element container within the visible window area of ​​the foldable screen when the foldable screen is in a folded state. The second generation unit is configured to generate a second hypertext markup language inline frame element container in the visible window area of ​​the first screen of the foldable screen and a second hypertext markup language inline frame element container in the visible window area of ​​the second screen of the foldable screen when the foldable screen is in the unfolded state; wherein, the first screen is any screen in the unfolded state of the foldable screen, and the second screen is another screen in the unfolded state of the foldable screen other than the first screen.

7. The apparatus according to claim 6, characterized in that, The device further includes: The first acquisition module is used to acquire the first height of the first webpage and the second height of the visible window area; The second determining module is used to determine the total number of page numbers of the first webpage based on the first height and the second height. The settings module is used to set the scroll bar height for each displayed page based on the page number of each displayed page when the total number of pages is greater than 1. The processing module includes: A hiding unit is used to respond to the first input and hide the first hypertext markup language inline frame element container and the display page displayed within the first hypertext markup language inline frame element container in a hiding method with a preset page-turning hiding effect, wherein the hiding height of the display page is the height of the scroll bar corresponding to the display page.

8. The apparatus according to claim 6, characterized in that, The first input is a sliding input; The first determining module includes: The first determining unit is used to determine the sliding direction based on the start and end positions of the sliding input; The second determining unit is used to determine the target page of the second webpage to be loaded based on the sliding direction.

9. The apparatus according to claim 8, characterized in that, The device further includes: The second acquisition module is used to acquire the first page number of the first page of the first webpage; The second determining unit is specifically used for: If the first page number is determined to be the first page or the last page of the first webpage, the second webpage to be loaded is determined to be a different webpage from the first webpage based on the sliding direction, and the target page is the first page of the second webpage. If the first page number is determined to be an intermediate page of the first webpage, the second webpage to be loaded is determined to be the same webpage as the first webpage according to the sliding direction, and the target page is the previous or next page of the first webpage.

10. The apparatus according to claim 6, characterized in that, When the foldable screen is in the unfolded state, the loading module is specifically used for: The first target page of the second webpage is loaded in the second hypertext markup language inline frame element container within the visible window area of ​​the first screen; The second target page of the second webpage is loaded in the second hypertext markup language inline frame element container within the visible window area of ​​the second screen; wherein the second target page is the next page of the first target page.

11. An electronic device, characterized in that, It includes a processor and a memory, the memory storing a program or instructions that can run on the processor, the program or instructions being executed by the processor to implement the steps of the page loading method as described in any one of claims 1-5.

12. A readable storage medium, characterized in that, The readable storage medium stores a program or instructions that, when executed by a processor, implement the steps of the page loading method as described in any one of claims 1-5.

Images