Page display method and device, storage medium and electronic equipment

Abstract

The invention provides a page display method and device, a storage medium and electronic device.The method comprises the steps that in response to a received page loading request for a target page of a target application program in terminal equipment, a frame layer module in the terminal equipment displays the target page of the target application program on the basis of screen display parameters of the terminal equipment; and performing adaptive modification on the original page layout file of the target page, and then displaying the target page on a screen of the terminal equipment based on the modified target page layout file. According to the page display method provided by the embodiment of the invention, the original page layout file of the page of the target application displayed on the terminal screen can be adaptively modified by the frame layer on the system side, and the adaptive modification is performed based on the screen display parameters of the current terminal screen, so that the page display efficiency is improved. The page is displayed based on the target page layout file obtained after modification, the current terminal screen can be well adapted, and the problem that characters and the like displayed on the terminal screen are displayed too large or too small is avoided.

Description

Technical Field

[0001] The technical solution disclosed herein relates to the field of computer technology, and in particular to a page display method and device, a storage medium, and an electronic device. Background Art

[0002] With the development of hardware technology, terminals have screens with different resolutions. If the application developer sets the size of text or images in the page to a fixed pixel value, it will appear larger on a low-resolution screen and smaller on a high-resolution screen.

[0003] Since some application pages are not actively adapted to screens of specific resolution sizes, text, images, etc. may appear too large or too small. Summary of the invention

[0004] In view of this, embodiments of the present disclosure provide a page display method and device, a storage medium, and an electronic device.

[0005] According to a first aspect of the present disclosure, a page display method is proposed, the method comprising:

[0006] In response to receiving a page loading request for a target page of a target application in a terminal device, the framework layer module in the terminal device adapts and modifies the original page layout file of the target page based on the screen display parameters of the terminal device.

[0007] Based on the modified target page layout file, the target page is displayed on the screen of the terminal device.

[0008] In combination with any implementation manner provided by the present disclosure, in response to receiving a page load request for a target page of a target application in a terminal device, the framework layer module in the terminal device adapts and modifies the original page layout file of the target page based on the screen display parameters of the terminal device, including:

[0009] The browser kernel in the terminal device sends a page loading process instruction to the framework layer module based on the page loading request;

[0010] The framework layer module adapts and modifies the original page layout file of the target page according to the page loading process instruction and based on the screen display parameters of the terminal device where the target application is running.

[0011] In combination with any implementation manner provided in the present disclosure, the browser kernel in the terminal device sends a page loading process instruction to the framework layer module based on the page loading request, including:

[0012] The browser kernel sends the page loading process instruction to the framework layer module based on the page loading request after loading the target page to obtain the original page layout file;

[0013] Alternatively, the browser kernel sends the page loading process instruction when starting to load the target page based on the page loading request.

[0014] In combination with any implementation provided by the present disclosure, the framework layer module adapts and modifies the original page layout file of the target page according to the page loading process instruction and based on the screen display parameters of the terminal device where the target application is running, including:

[0015] The framework layer module obtains preset page file modification information according to the page loading process instruction;

[0016] The framework layer module adapts and modifies the original page layout file of the target page according to the page file modification information and the screen display parameters of the terminal device where the target application is running.

[0017] In combination with any embodiment provided by the present disclosure,

[0018] The page loading process instruction carries: a page identifier of the target page;

[0019] The framework layer module obtains preset page file modification information according to the page loading process instruction, including:

[0020] The framework layer module obtains page file modification information corresponding to the page identifier of the target page according to the page loading process instruction.

[0021] In combination with any embodiment provided by the present disclosure,

[0022] The terminal device is a folding screen device;

[0023] In response to receiving a page loading request for a target page of a target application in a terminal device, the framework layer module in the terminal device adapts and modifies an original page layout file of the target page based on a screen display parameter of the terminal device, including:

[0024] In the case where a screen folding operation is detected for the folding screen device, a page loading request for a target page of the target application is received; the screen folding operation is used to switch the display screen of the folding screen device from a first screen to a second screen, and the page loading request is used to request to load the target page on the second screen;

[0025] According to the screen display parameters of the second screen of the folding screen device, the original page layout file of the target page is adapted and modified; the original page layout file is used to set the display layout of the target page on the first screen.

[0026] In combination with any embodiment provided by the present disclosure,

[0027] The screen display parameters include: the screen resolution of the terminal device and / or the size parameters of the terminal device;

[0028] The original page layout file includes: the size and / or page layout of the page elements of the target page;

[0029] The framework layer module in the terminal device adapts and modifies the original page layout file of the target page based on the screen display parameters of the terminal device, including:

[0030] The framework layer module adapts the size and / or page layout of the page elements of the target page to the screen resolution of the terminal device and / or the size parameters of the terminal device according to the screen resolution of the terminal device.

[0031] According to a second aspect of the present disclosure, a page display device is provided, the device comprising:

[0032] A modification module, configured to, in response to receiving a page loading request for a target page of a target application in a terminal device, adapt and modify an original page layout file of the target page based on a screen display parameter of the terminal device by the framework layer module in the terminal device;

[0033] The display module is used to display the target page on the screen of the terminal device based on the modified target page layout file.

[0034] According to a third aspect of the present disclosure, a computer-readable storage medium is provided, wherein the machine-readable storage medium stores machine-readable instructions, and when the machine-readable instructions are called and executed by a processor, the processor is prompted to implement the page display method of any embodiment of the present disclosure.

[0035] According to a fourth aspect of the present disclosure, there is provided an electronic device, comprising:

[0036] processor;

[0037] a memory for storing processor-executable instructions;

[0038] The processor is configured to execute the page display method of any embodiment of the present disclosure.

[0039] The technical solution provided by the embodiments of the present disclosure may have the following beneficial effects:

[0040] In the page display method and device, storage medium and electronic device provided by the embodiments of the present disclosure, the framework layer module on the system side can adapt and modify the original page layout file of the page of the target application displayed on the terminal screen. Since the adaptation and modification are based on the screen display parameters of the current terminal screen, the page displayed based on the modified target page layout file can be well adapted to the current terminal screen, avoiding the problem of too large or too small display of page text, pictures, etc. displayed on the terminal screen, and can improve the user experience.

[0041] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0042] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the present disclosure.

[0043] Figure 1 is a schematic diagram of a page loading process according to an exemplary embodiment of the present disclosure;

[0044] Figure 2 is a schematic diagram of a browser kernel of a terminal according to an exemplary embodiment of the present disclosure;

[0045] Figure 3 is a flow chart of a page display method according to an exemplary embodiment of the present disclosure;

[0046] Figure 4 is a flow chart of another page display method according to an exemplary embodiment of the present disclosure;

[0047] Figure 5 is a schematic diagram of another page loading process according to an exemplary embodiment of the present disclosure;

[0048] Figure 6a is a schematic diagram of a terminal page display before optimization according to an exemplary embodiment of the present disclosure;

[0049] Figure 6b is a schematic diagram of an optimized terminal page display according to an exemplary embodiment of the present disclosure;

[0050] Figure 7 is a flow chart of another page display method according to an exemplary embodiment of the present disclosure;

[0051] Figure 8is a structural schematic diagram of a page display device according to an exemplary embodiment of the present disclosure;

[0052] Fig. 9 It is a schematic structural diagram of an electronic device according to an exemplary embodiment of the present disclosure. DETAILED DESCRIPTION

[0053] Exemplary embodiments will be described in detail herein, examples of which are shown in the accompanying drawings. When the following description refers to the drawings, the same numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

[0054] The terms used in this disclosure are for the purpose of describing specific embodiments only and are not intended to limit the disclosure. The singular forms of "a", "said" and "the" used in this disclosure and the appended claims are also intended to include plural forms unless the context clearly indicates otherwise. It should also be understood that the term "and / or" used herein refers to and includes any or all possible combinations of one or more associated listed items.

[0055] It should be understood that although the terms first, second, third, etc. may be used in the present disclosure to describe various information, such information should not be limited to these terms. These terms are only used to distinguish the same type of information from each other. For example, without departing from the scope of the present disclosure, the first information may also be referred to as the second information, and similarly, the second information may also be referred to as the first information. Depending on the context, the word "if" as used herein may be interpreted as "at the time of" or "when" or "in response to determining".

[0056] In order to better understand the technical solution of the embodiment of the present disclosure, the process of loading the target page of the target application displayed on the screen of the terminal device is first introduced as follows.

[0057] like Figure 1 As shown, in actual applications, the target application can declare an AppWebView control and an AppWebViewClient control. The AppWebView control is used to load the page, and the AppWebViewClient control is used to process the page callback. In addition, the AppWebView control and AppWebViewClient control of the application are inherited from the WebView and WebViewClient of the framework layer module respectively.

[0058] When the target application needs to load the target page, a page loading request for requesting to load the target page can be sent to the framework layer module on the system side, and the framework layer module on the system side sends the page loading request to the browser kernel.

[0059] After receiving the page loading request, the browser kernel can Figure 1 The WebViewChromium shown performs loading processing on the target page. Specifically, WebViewChromium can parse the target page into a document object model (DOM) tree, and then obtain a page layout file containing node information of each node in the document object model tree, and the page layout file includes information such as the size and page layout of the page elements in the target page.

[0060] After obtaining the page layout file of the target page, the WebViewChromium in the browser kernel can send the page layout file to the AppWebViewClient of the target application through the WebViewClientBridge in the browser kernel, so that the target application displays the target page on the screen of the terminal device based on the page layout file.

[0061] With the development of hardware technology, terminals have screens with different resolutions and sizes. For example, terminal devices may be multi-screen devices, including folding screen devices. Folding screen devices include external screens and internal screens with different resolutions. Terminal devices can also be dual-screen devices, with screens on the front and back of the device, and the resolutions of the front and back screens are different. If the application developer sets the size of the text or images on the page to a fixed pixel value, the size of the text and images on the page displayed by terminals with different resolutions and sizes of screens based on the loaded page layout file will be different. Specifically, on a low-resolution screen, the text or image will appear larger, and on a high-resolution screen, the text or image will appear smaller, affecting the user experience.

[0062] To solve the above problem, in one embodiment, the browser kernel at the bottom of the terminal can be customized, and the display of the page can be optimized based on the browser kernel. Specifically, after the browser kernel loads the page layout file of the target page, it can modify the page layout file based on the pre-configured optimization adaptation rules. For example, the browser kernel can modify the size and page layout of the text and pictures in the page layout file of the loaded target page based on the resolution, screen size and other information of the current terminal screen.

[0063] Since a terminal can have multiple browser kernels, such as Figure 2As shown, when the user specifies a browser kernel that is not configured with the above-mentioned optimization adaptation rules, the page layout file cannot be modified.

[0064] In view of this, the present disclosure provides a page display method in which a terminal can modify a page layout file of a target page based on a framework layer module on the system side, which has more universal applicability than the above-mentioned solution of modifying the page layout file based on a browser kernel.

[0065] The page display method of the embodiment of the present disclosure is described in detail below with reference to the accompanying drawings.

[0066] Figure 3 is a flow chart of a page display method according to an exemplary embodiment of the present disclosure. The method can be used in terminal devices such as Figure 3 As shown, the exemplary embodiment method may include the following steps:

[0067] In step 301, in response to receiving a page loading request for a target page of a target application in a terminal device, a framework layer module in the terminal device adapts and modifies an original page layout file of the target page based on a screen display parameter of the terminal device.

[0068] The target page is a page of the target application displayed on the screen of the terminal device. The page loading request is used to request to load the target page. The screen display parameters may include the screen resolution parameters of the terminal device, the length and width parameters of the screen, etc. The original page layout file is obtained by the terminal device loading the target page.

[0069] In a specific implementation, when the terminal device receives a page loading request for a target page sent by a target application, it can perform a loading operation on the target page to obtain an original page layout file of the target page. Then, the framework layer module of the terminal device can adapt and modify the loaded original page layout file according to the screen resolution parameters of the terminal device, the length and width parameters of the screen, etc.

[0070] In step 302, the target page is displayed on the screen of the terminal device based on the modified target page layout file.

[0071] After modifying the original page layout file, the framework layer module of the terminal can display the target page on the screen of the terminal device based on the modified target page layout file.

[0072] In the page display method provided by the embodiment of the present disclosure, the framework layer module on the system side can adapt and modify the original page layout file of the target page of the target application displayed on the screen of the terminal device. Since the adaptation and modification are based on the screen display parameters of the screen of the current terminal device, the target page is displayed based on the modified target page layout file, which can be well adapted to the current terminal screen, avoiding the problem of text, pictures, etc. displayed on the terminal screen being too large or too small, and can improve the user experience.

[0073] In one embodiment, if Figure 4 As shown, the above step 301 may specifically include:

[0074] In step 301 - 1 , the browser kernel in the terminal device sends a page loading process instruction to the framework layer module based on the page loading request.

[0075] In one embodiment, the browser kernel can complete the loading process of the target page based on the page loading request, and after obtaining the original page layout file of the target page, send the page loading process instruction to the framework layer module.

[0076] In another embodiment, the browser kernel may also send the page loading process instruction to the framework layer module when starting to execute the loading process of the target page based on the page loading request.

[0077] The page loading process instruction is used to instruct the framework layer module to adapt and modify the loaded original page layout file, and the original page layout file is loaded by the browser kernel.

[0078] like Figure 5 FIG. 1 is a schematic diagram of another page loading process according to an exemplary embodiment of the present disclosure. Figure 1 The difference is that this example adds a bridge mode code class in the framework layer module, such as MiuiWebViewClientBridge. After loading and obtaining the original page layout file, the browser kernel can send the original page layout file to the code class of the framework layer module.

[0079] In step 301 - 2 , the framework layer module adapts and modifies the original page layout file of the target page according to the page loading process instruction and based on the screen display parameters of the terminal device where the target application is running.

[0080] After receiving the page loading process instruction, the newly added bridge mode code class can obtain preset page file modification information based on the page loading process instruction. Then, based on the page file modification information and the screen display parameters of the terminal device where the target application is running, the original page layout file of the target page is adapted and modified.

[0081] In a specific implementation, the page file modification information may exist in a script file, and executing the script file may adapt and modify the original page layout file based on the screen display parameters of the terminal screen.

[0082] The following describes the process of obtaining the preset page file modification information:

[0083] In one embodiment, the page file modification information may be saved in advance in the framework layer module of the terminal device, and after receiving the page loading process instruction, the framework layer module may load the pre-saved page file modification information.

[0084] In another embodiment, the framework layer module can pre-save the correspondence between the page identifier and the page file modification information. Among them, one page can correspond to one page identifier, or all pages of an application can correspond to one page identifier. The specific setting can be made by relevant staff based on actual conditions, and this disclosure does not limit this.

[0085] In this example, after the framework layer module receives the page loading process instruction, it can obtain the page identifier of the target page from the page loading process instruction, and then obtain the page file modification information corresponding to the page identifier based on the pre-saved corresponding relationship.

[0086] In the page display method provided in this example, the framework layer module can use different page file modification information to modify the original page layout files corresponding to different pages or pages of different applications, so as to better adapt to the user's needs for different pages and improve the user experience.

[0087] In the page display method provided by the embodiment of the present disclosure, the framework layer module on the system side can adapt and modify the original page layout file of the target page based on the preset page file modification information and the screen display parameters of the terminal device where the target application is running. The framework layer module on the system side uniformly adapts and modifies the original page layout file, which can avoid the situation where the original page layout is modified based on the browser kernel, and the user switches to a browser kernel without page file modification information, and the original page layout file cannot be modified. In other words, the solution of adapting and modifying the original page layout file by the framework layer module on the system side has more universal applicability.

[0088] In one embodiment, the screen display parameters may include: screen resolution of the terminal device and / or size parameters of the terminal device.

[0089] The original page layout file may include: the size and / or page layout of the page elements of the target page.

[0090] The above step 301 may specifically include:

[0091] The framework layer module adapts the size and / or page layout of the page elements of the target page to the screen resolution of the terminal device and / or the size parameters of the terminal device according to the screen resolution of the terminal device.

[0092] In an optional example, the original page layout file of the target page may be set for a screen of a target terminal device with a certain resolution. Therefore, the framework layer module may obtain the screen resolution of the target terminal device based on the original page layout file, and then modify the original page layout file based on the screen resolution of the terminal device itself.

[0093] For example, the resolution of the screen of the target terminal device is M, the screen resolution of the terminal device itself is N, and M is greater than N. In other words, for the same pixel value, the size of the text, icon, etc. displayed on the screen of the current terminal device will be larger than the size of the text, icon, etc. displayed on the screen of the target terminal device. At this time, the framework layer module can modify the original page layout file, for example, it can reduce the size of the text, picture, etc. in the original page layout file.

[0094] For example, if the initial page layout file is not modified based on this example method, the following may be displayed on the screen of the current terminal device: Figure 6a After modifying the initial page layout file based on this example method, the following page can be displayed: Figure 6b The page shown. Figure 6b Comparison Figure 6a, more content can be displayed on the terminal screen, thereby effectively utilizing the large screen space of the terminal screen.

[0095] In another optional example, the original page layout file of the target page may be set for a target terminal device with a certain length and width. Therefore, the framework layer module may obtain the length and width of the target terminal device based on the original page layout file, and then modify the original page layout file based on the length and width of the terminal device itself.

[0096] For example, the length and width of the target terminal device are X and Y respectively, and the length and width of the terminal device itself are 2X and Y respectively. At this time, the framework layer module can modify the original page layout file so that more icons can be displayed horizontally on the screen of the current terminal device to reduce the number of icon rows. For example, two rows of icons can be adjusted to one row of icons, so that the current terminal can display more content on the screen and give full play to the role of the large-size screen.

[0097] It should be noted that the above description of modifying the original page layout file is only illustrative, and is intended to enable those skilled in the art to better understand the technical solution of the embodiment of the present disclosure. In practical applications, the framework layer module can also use other methods to modify the original page layout file, and the present disclosure does not limit this.

[0098] Figure 7 It is a flowchart of another page display method according to an exemplary embodiment of the present disclosure.

[0099] In this embodiment, the same steps as those in the previous embodiment will be briefly described without further details. For details, please refer to any of the previous embodiments. The method can be performed by a folding screen device. Figure 7 As shown, the exemplary embodiment method may include the following steps:

[0100] In step 701, when a screen folding operation on the folding screen device is detected, a page loading request for a target page of the target application is received.

[0101] The screen folding operation is used to switch the display screen of the folding screen device from a first screen to a second screen, and the page loading request is used to request to load the target page on the second screen.

[0102] Take the folding screen device as an example of a folding screen mobile phone. A folding screen mobile phone may include an inner screen (main screen) and an outer screen (sub-screen). Among them, the inner screen is the main display screen of the folding screen mobile phone, also known as the main screen. It is a flexible display screen that can change the shape of the mobile phone by folding and unfolding the inner screen. When the mobile phone is unfolded, the inner screen will present a larger screen size, similar to the screen of a traditional ordinary mobile phone. The inner screen usually has high color reproduction and touch functions, and users can perform various operations on the inner screen, such as browsing the web, watching videos, playing games, etc. The outer screen is the screen that is visible outside when the folding screen mobile phone is folded, also known as the sub-screen. The outer screen is smaller in size and is usually located on one side of the folding part of the mobile phone. It is used to provide basic functions and information display when the mobile phone is in a folded state.

[0103] In one embodiment, the screen resolutions of the inner screen and the outer screen of a foldable screen mobile phone may be different. For example, the resolution of the inner screen of a foldable screen mobile phone may be greater than the resolution of the outer screen to meet the user's demand for higher display quality at a large screen size. In this case, when the user switches the display screen of the foldable screen mobile phone from the outer screen to the inner screen, or from the inner screen to the outer screen based on the screen folding operation, the different screen resolutions of the two screens will cause problems in the display of the page. For example, when switching from an inner screen with a larger resolution to an outer screen with a smaller resolution, the page elements in the page displayed on the outer screen will be larger, affecting the user experience. Therefore, this example method can be used to optimize the display of the screen.

[0104] Specifically, when the foldable screen mobile phone detects the user's screen folding operation, it will receive a page loading request for the target page of the target application. The screen folding operation is used to switch the display screen of the foldable screen device from the first screen to the second screen, and the page loading request is used to request to load the target page on the second screen.

[0105] For example, when the display screen of the foldable screen mobile phone is switched from the inner screen to the outer screen based on the screen folding operation, the foldable screen device can receive a page loading request for requesting to load the target page on the outer screen. When the display screen of the foldable screen mobile phone is switched from the outer screen to the inner screen based on the screen folding operation, the foldable screen device can receive a page loading request for requesting to load the target page on the inner screen.

[0106] In step 702, the original page layout file of the target page is adapted and modified according to the screen display parameters of the second screen of the folding screen device; the original page layout file is used to set the display layout of the target page on the first screen.

[0107] After receiving the page loading request, the foldable screen mobile phone can adapt and modify the original page layout file used to set the display layout of the screen before switching based on the screen display parameters of the screen after switching.

[0108] In step 703, the target page is displayed on the second screen based on the modified target page layout file.

[0109] The foldable screen mobile phone can display the target page on the switched screen based on the modified target page layout file.

[0110] In the page display method provided by the embodiment of the present disclosure, the folding screen device can adapt and modify the original page layout file used to set the display layout of the screen before switching based on the user's screen folding operation and the screen display parameters of the folded screen, so as to avoid the problem of the text, pictures, etc. in the page displayed on the screen after switching being too large or too small.

[0111] For the aforementioned method embodiments, for the sake of simplicity of description, they are all expressed as a series of action combinations, but those skilled in the art should know that the present disclosure is not limited by the described order of actions, because according to the present disclosure, certain steps can be performed in other orders or simultaneously.

[0112] Secondly, those skilled in the art should also be aware that the embodiments described in the specification are all optional embodiments, and the actions and modules involved are not necessarily required by the present disclosure.

[0113] Corresponding to the aforementioned application function implementation method embodiment, the present disclosure also provides an application function implementation device and a corresponding terminal embodiment.

[0114] Figure 8 is a schematic diagram of a page display device according to an exemplary embodiment of the present disclosure. Figure 8 As shown, the page display device may include:

[0115] The modification module 81 is used to respond to receiving a page loading request for a target page of a target application in a terminal device, and the framework layer module in the terminal device adapts and modifies the original page layout file of the target page based on the screen display parameters of the terminal device.

[0116] The display module 82 is used to display the target page on the screen of the terminal device based on the modified target page layout file.

[0117] Optionally, the modification module 81, in response to receiving a page loading request for a target page of a target application in a terminal device, when the framework layer module in the terminal device performs adaptation modification on an original page layout file of the target page based on a screen display parameter of the terminal device, includes:

[0118] The browser kernel in the terminal device sends a page loading process instruction to the framework layer module based on the page loading request.

[0119] The framework layer module adapts and modifies the original page layout file of the target page according to the page loading process instruction and based on the screen display parameters of the terminal device where the target application is running.

[0120] Optionally, the modification module 81, when used by the browser kernel in the terminal device to send a page loading process instruction to the framework layer module based on the page loading request, includes:

[0121] Based on the page loading request, the browser kernel sends the page loading process instruction to the framework layer module after loading the target page to obtain the original page layout file.

[0122] Alternatively, the browser kernel sends the page loading process instruction when starting to load the target page based on the page loading request.

[0123] Optionally, the modification module 81, when used by the framework layer module to adapt and modify the original page layout file of the target page according to the page loading process instruction and based on the screen display parameters of the terminal device where the target application is running, includes:

[0124] The framework layer module obtains preset page file modification information according to the page loading process instruction.

[0125] The framework layer module adapts and modifies the original page layout file of the target page according to the page file modification information and the screen display parameters of the terminal device where the target application is running.

[0126] Optional,

[0127] The page loading process instruction carries: a page identifier of the target page.

[0128] The modification module 81, when used by the framework layer module to obtain preset page file modification information according to the page loading process instruction, includes:

[0129] The framework layer module obtains page file modification information corresponding to the page identifier of the target page according to the page loading process instruction.

[0130] Optional,

[0131] The terminal device is a folding screen device.

[0132] The modification module 81, in response to receiving a page loading request for a target page of a target application in a terminal device, when the framework layer module in the terminal device performs adaptation modification on the original page layout file of the target page based on the screen display parameters of the terminal device, comprises:

[0133] When a screen folding operation is detected for the folding screen device, a page loading request for a target page of the target application is received. The screen folding operation is used to switch the display screen of the folding screen device from a first screen to a second screen, and the page loading request is used to request to load the target page on the second screen.

[0134] According to the screen display parameters of the second screen of the folding screen device, the original page layout file of the target page is adapted and modified; the original page layout file is used to set the display layout of the target page on the first screen.

[0135] Optionally, the screen display parameters include: screen resolution of the terminal device and / or size parameters of the terminal device.

[0136] The original page layout file includes: the size and / or page layout of the page elements of the target page.

[0137] The modification module 81, when the framework layer module in the terminal device performs adaptation modification on the original page layout file of the target page based on the screen display parameters of the terminal device, includes:

[0138] The framework layer module adapts the size and / or page layout of the page elements of the target page to the screen resolution of the terminal device and / or the size parameters of the terminal device according to the screen resolution of the terminal device.

[0139] For the device embodiments, since they basically correspond to the method embodiments, the relevant parts can refer to the partial description of the method embodiments. The device embodiments described above are only schematic, wherein the units described above as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, they may be located in one place, or they may be distributed on multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the disclosed solution. A person of ordinary skill in the art may understand and implement it without creative work.

[0140] Fig. 9 1 is a schematic diagram of the structure of an electronic device 900 according to an exemplary embodiment. For example, the electronic device 900 may be a user device, and may specifically be a mobile phone, a computer, a digital broadcast terminal, a tablet device, a personal digital assistant, a wearable device such as a smart watch, a smart bracelet, a folding screen device, etc.

[0141] Reference Fig. 9 , the electronic device 900 may include one or more of the following components: a processing component 902 , a memory 904 , a power component 906 , a multimedia component 908 , an audio component 910 , an input / output (I / O) interface 912 , a sensor component 914 , and a communication component 916 .

[0142] The processing component 902 generally controls the overall operation of the electronic device 900, such as operations associated with display, phone calls, data communications, camera operations, and recording operations. The processing component 902 may include one or more processors 920 to execute instructions to complete all or part of the steps of the above-mentioned method. In addition, the processing component 902 may include one or more modules to facilitate the interaction between the processing component 902 and other components. For example, the processing component 902 may include a multimedia module to facilitate the interaction between the multimedia component 908 and the processing component 902.

[0143] The memory 904 is configured to store various types of data to support operations on the device 900. Examples of such data include instructions for any application or method operating on the electronic device 900, contact data, phone book data, messages, pictures, videos, etc. The memory 904 can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disk or optical disk.

[0144] The power supply component 906 provides power to the various components of the electronic device 900. The power supply component 906 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power to the electronic device 900.

[0145] The multimedia component 908 includes a screen that provides an output interface between the electronic device 900 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundaries of the touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 908 includes a front camera and / or a rear camera. When the electronic device 900 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera may receive external multimedia data. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.

[0146] The audio component 910 is configured to output and / or input audio signals. For example, the audio component 910 includes a microphone (MIC), and when the electronic device 900 is in an operating mode, such as a call mode, a recording mode, and a voice recognition mode, the microphone is configured to receive an external audio signal. The received audio signal can be further stored in the memory 904 or sent via the communication component 916. In some embodiments, the audio component 910 also includes a speaker for outputting audio signals.

[0147] I / O interface 912 provides an interface between processing component 902 and peripheral interface modules, such as keyboards, click wheels, buttons, etc. These buttons may include but are not limited to: a home button, a volume button, a start button, and a lock button.

[0148] The sensor assembly 914 includes one or more sensors for providing various aspects of status assessment for the electronic device 900. For example, the sensor assembly 914 can detect the open / closed state of the electronic device 900, the relative positioning of the components, such as the display and keypad of the electronic device 900, and the sensor assembly 914 can also detect the position change of the electronic device 900 or a component of the electronic device 900, the presence or absence of contact between the user and the electronic device 900, the orientation or acceleration / deceleration of the electronic device 900, and the temperature change of the electronic device 900. The sensor assembly 914 may include a proximity sensor configured to detect the presence of nearby objects without any physical contact. The sensor assembly 914 may also include an optical sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 914 may also include an accelerometer, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.

[0149] The communication component 916 is configured to facilitate wired or wireless communication between the electronic device 900 and other devices. The electronic device 900 can access a wireless network based on a communication standard, such as WiFi, 4G or 5G, 4G LTE, 5G NR or a combination thereof. In an exemplary embodiment, the communication component 916 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 916 also includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technologies.

[0150] In an exemplary embodiment, the electronic device 900 may be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors, or other electronic components to perform the above methods.

[0151] In an exemplary embodiment, a non-temporary computer-readable storage medium is also provided, such as a memory 904 including instructions. When the instructions in the storage medium are executed by a processor 920 of an electronic device 900, the electronic device 900 is enabled to execute the page display method of any embodiment of the present disclosure.

[0152] The non-transitory computer-readable storage medium may be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.

[0153] Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the invention disclosed herein. The present disclosure is intended to cover any variations, uses or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art that are not disclosed in the present disclosure. The description and examples are to be considered exemplary only, and the true scope and spirit of the present disclosure are indicated by the following claims.

[0154] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. A page display method, characterized in that: The method comprises: In response to receiving a page loading request for a target page of a target application in a terminal device, the framework layer module in the terminal device adapts and modifies an original page layout file of the target page based on a screen display parameter of the terminal device; Based on the modified target page layout file, the target page is displayed on the screen of the terminal device.

2. The method according to claim 1, characterized in that In response to receiving a page loading request for a target page of a target application in a terminal device, the framework layer module in the terminal device adapts and modifies an original page layout file of the target page based on a screen display parameter of the terminal device, including: The browser kernel in the terminal device sends a page loading process instruction to the framework layer module based on the page loading request; The framework layer module adapts and modifies the original page layout file of the target page according to the page loading process instruction and based on the screen display parameters of the terminal device where the target application is running.

3. The method according to claim 2, characterized in that The browser kernel in the terminal device sends a page loading process instruction to the framework layer module based on the page loading request, including: The browser kernel sends the page loading process instruction to the framework layer module based on the page loading request after loading the target page to obtain the original page layout file; Alternatively, the browser kernel sends the page loading process instruction when starting to load the target page based on the page loading request.

4. The method according to claim 2, characterized in that: The framework layer module adapts and modifies the original page layout file of the target page according to the page loading process instruction and based on the screen display parameters of the terminal device where the target application is running, including: The framework layer module obtains preset page file modification information according to the page loading process instruction; The framework layer module adapts and modifies the original page layout file of the target page according to the page file modification information and the screen display parameters of the terminal device where the target application is running.

5. The method according to claim 4, characterized in that The page loading process instruction carries: a page identifier of the target page; The framework layer module obtains preset page file modification information according to the page loading process instruction, including: The framework layer module obtains page file modification information corresponding to the page identifier of the target page according to the page loading process instruction.

6. The method according to claim 1, characterized in that The terminal device is a folding screen device; In response to receiving a page loading request for a target page of a target application in a terminal device, the framework layer module in the terminal device adapts and modifies an original page layout file of the target page based on a screen display parameter of the terminal device, including: In the case where a screen folding operation is detected for the folding screen device, a page loading request for a target page of the target application is received; the screen folding operation is used to switch the display screen of the folding screen device from a first screen to a second screen, and the page loading request is used to request to load the target page on the second screen; According to the screen display parameters of the second screen of the folding screen device, the original page layout file of the target page is adapted and modified; the original page layout file is used to set the display layout of the target page on the first screen.

7. The method according to claim 1, characterized in that The screen display parameters include: the screen resolution of the terminal device and / or the size parameters of the terminal device; The original page layout file includes: the size and / or page layout of the page elements of the target page; The framework layer module in the terminal device adapts and modifies the original page layout file of the target page based on the screen display parameters of the terminal device, including: The framework layer module adapts the size and / or page layout of the page elements of the target page to the screen resolution of the terminal device and / or the size parameters of the terminal device according to the screen resolution of the terminal device.

8. A page display device, characterized in that: The device comprises: A modification module, configured to, in response to receiving a page loading request for a target page of a target application in a terminal device, adapt and modify an original page layout file of the target page based on a screen display parameter of the terminal device by the framework layer module in the terminal device; The display module is used to display the target page on the screen of the terminal device based on the modified target page layout file.

9. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the steps of any method described in claims 1-7 are implemented.

10. An electronic device, characterized in that: include: processor; a memory for storing processor-executable instructions; The processor is configured to execute the steps of any one of the methods of claims 1-7.

Images