CN118296263A - Page display method and computing device - Google Patents

Abstract

The invention relates to the field of application development, in particular to a page display method and computing equipment, wherein the method comprises the following steps: loading page controls included in application pages of application activities, and requesting static resources of the web pages from a server according to the web pages to be loaded by the page controls; loading a static page component corresponding to the static resource in the page control according to the static resource, and hiding a loading state page displayed in the page control according to a preset first callback function so as to display the loaded static page component; requesting dynamic resources of the web page from the server; and loading the dynamic page component in the webpage according to the static resource, and displaying the webpage to be displayed in the webpage space to the user according to the static page component and the dynamic page component. According to the invention, resources required by the pages are requested in batches in stages, firstly static resources required by the pages are requested, and then dynamic resources are requested, so that the page loading efficiency is improved, and the time for a user to watch the page in a loading state is reduced.

Description

Page display method and computing device

Technical Field

The present invention relates to the field of application development, and in particular, to a page display method and a computing device.

Background

With the increasing popularity of mobile devices, there is an increasing demand for applications, such as APP, that are adapted to run in mobile devices. APP, because of having a posting period, requires a long time to update content and data. However, information such as data needs to be updated in real time on the APP, so in the prior art, more and more web pages are embedded in the application program, so that the web pages are used for displaying the data and the information.

The loading state of the page is finished by a onPageFinished method of WebView, and the callback of the method is that all contents of the h5 page are loaded, wherein the contents to be loaded comprise page codes and js script contents dynamically generated by a server side, and in this way, the h5 page display speed is not only dependent on the static code loading speed of the h5 page, but also dependent on the speed of the server side for returning the page codes and js resources, so that the h5 page can take a long time to display the contents to be displayed to a user under the condition of poor network communication, the time for the user to watch the waiting animation or display the loading state is too long, and the use experience is poor.

For this reason, a new page display method is required.

Disclosure of Invention

To this end, the present invention provides a page display method in an effort to solve or at least alleviate the above-presented problems.

According to a first aspect of the present invention there is provided a method of page display adapted to be run in a computing device, the method comprising: responding to a request of a user for accessing an application activity, loading page controls included in an application page of the application activity, and requesting static resources of a webpage from a server according to the webpage to be loaded by the page controls; in response to receiving the requested static resource, loading a static page component corresponding to the static resource in the page control according to the static resource, and hiding a loading state page displayed in the page control according to a preset first callback function so as to display the loaded static page component; requesting dynamic resources of a web page from the server; and in response to receiving the requested dynamic resource, loading a dynamic page component in the webpage according to the static resource, and displaying the webpage to be displayed in the page space to a user according to the static page component and the dynamic page component.

Optionally, in the method according to the present invention, further comprising: and after receiving a request of a user for accessing the application activity, determining a corresponding target application interface from one or more application interfaces included in the application activity according to a preset rule for access.

Optionally, in the method according to the present invention, the first callback function includes determining whether the static resource of the web page is loaded, and if so, hiding and displaying the loading state page.

Optionally, in the method according to the present invention, further comprising: after the static page component is loaded, a service data interface is called to request service data; and loading the requested service data in the webpage.

Optionally, in the method according to the present invention, further comprising: acquiring a first instruction currently stored in an instruction register; the first instruction is used as an instruction pointed by the search pointer so as to judge whether the first instruction is a subtraction instruction to the base address pointer register of the called function according to the search pointer.

Optionally, in the method according to the present invention, further comprising: and if the operation of the user on the static page component is received before the business data is loaded, rejecting the response to the operation.

Optionally, in the method according to the present invention, further comprising: and the loading state page is a page which informs the user that the page to be displayed is currently loaded and prompts the user to wait.

Optionally, in the method according to the present invention, the transfer instruction from the stack pointer register of the calling function to the base address register of the called function comprises: the pointer stored in the stack pointer register of the calling function is stored to the called function base address register.

According to a second aspect of the present invention there is provided a computing device comprising: one or more processors; a memory; and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs comprising instructions for performing the page display method according to the present invention.

According to a third aspect of the present invention there is provided a computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by a computing device, cause the computing device to perform a page display method according to the present invention.

According to a fourth aspect of the present invention there is provided a computer program product comprising computer programs/instructions which when executed by a processor implement the page display method of the present invention.

Loading page controls included in application pages of application activities, and requesting static resources of the web pages from a server according to the web pages to be loaded by the page controls; loading a static page component corresponding to the static resource in the page control according to the static resource, and hiding a loading state page displayed in the page control according to a preset first callback function so as to display the loaded static page component; requesting dynamic resources of the web page from the server; and loading the dynamic page component in the webpage according to the static resource, and displaying the webpage to be displayed in the webpage space to the user according to the static page component and the dynamic page component. The invention stages and batches the resources needed by the request pages. Firstly, static resources required by the page are requested, then dynamic resources are requested, page loading efficiency is improved, and time for a user to watch a page in a loading state is shortened.

Drawings

To the accomplishment of the foregoing and related ends, certain illustrative aspects are described herein in connection with the following description and the annexed drawings, which set forth the various ways in which the principles disclosed herein may be practiced, and all aspects and equivalents thereof are intended to fall within the scope of the claimed subject matter. The above and other objects, features and advantages of the present disclosure will become more apparent from the following detailed description when read in conjunction with the accompanying drawings. Like reference numerals generally refer to like parts or elements throughout the present disclosure.

FIG. 1 illustrates a prior art page display process;

FIG. 2 illustrates a block diagram of a computing device 200 according to an exemplary embodiment of the invention;

Fig. 3 shows a schematic diagram of a page display method 300 according to an exemplary embodiment of the invention.

Detailed Description

Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art. Like reference numerals generally refer to like parts or elements.

With the increasing popularity of mobile devices, there is an increasing demand for applications, such as APP, that are adapted to run in mobile devices. APP, because of having a posting period, requires a long time to update content and data. However, information such as data needs to be updated in real time on the APP, so in the prior art, more and more web pages are embedded in the application program, so that the web pages are used for displaying the data and the information.

When using web pages, applications can typically display data and information in h5 pages, particularly as implemented in a manner that takes application Activity (Activity) to carry Webview. Activity is a key component of Android application, and the starting and combining modes of Activity are basic components of the platform application model. In the programming paradigm, an application is launched via a main () method, whereas unlike Android systems, it invokes a specific callback method corresponding to a specific stage of its lifecycle to launch code in an Activity instance. WebView is a control for Android display of Web pages, is similar to an application providing a built-in browser, and achieves a Web page display effect consistent with that of the browser in the application.

Fig. 1 shows a prior art page display process. As shown in FIG. 1, from beginning to end, the page load process goes through the WebView unresponsive state, the white screen state, and the load state, respectively.

When the interface of the Activity is opened, the original static elements except the WebView control in the interface are immediately displayed along with the opening of the Activity, but the content in the WebView control can be normally displayed only by loading the embedded h5 page content. Therefore, after entering Activity, webView initialization is required. After entering the Activity and in the process of initializing the WebView, the method is in a WebView non-response state.

And after the initialization of the browser kernel of the WebView is completed in the white screen state, the establishment of the html of the main page corresponding to the connection request URL and relevant css patterns and js resources is started, and the rendering is started while loading until the content starts to appear on the interface. Before the page starts to render, webView is in a white screen state at this time because no content can be displayed.

Because WebView needs to call html of the main page corresponding to the loading URL, namely, the h5 page, a short process is usually needed from loading to displaying, and a period from initializing WebView to displaying rendered contents is usually needed, in order to provide a good waiting experience for a user, the page can display a loading state, and after the page is completed, the loading state is hidden and page contents are displayed. The loading state may be through a wait for animation, or a load state may be displayed.

In the loaded state, the page has started rendering, and the user can see the page outline and part of the elements in WebView. The loading state does not wait for the whole page or the completion of the loading of css, js and the like, but starts the rendering when the loading state is loaded to a part, namely the rendering is carried out while loading; meanwhile, back-end data is requested to be loaded; and after loading and rendering are completed, ending the page display process.

The present inventors found that the prior art has the following problems in the development process: in the prior art, the loading state of the page is finished by a onPageFinished method of WebView, and the callback of the method is carried out on the premise that all contents of the h5 page are loaded, wherein the contents to be loaded comprise page codes and js script contents dynamically generated by a server side, and in this way, the display speed of the h5 page is not only dependent on the static code loading speed of the h5 page, but also dependent on the speed of the server side for returning the page codes and js resources, so that the h5 page can take a long time to display the contents to be displayed to a user under the condition of poor network communication, and the user has overlong time for watching waiting for the animation or displaying the loading state, and has poor use experience.

Therefore, the invention provides a new page display method. The page display method provided by the invention is suitable for being executed in a computing device.

FIG. 2 illustrates a block diagram of a computing device according to an exemplary embodiment of the invention. In a basic configuration, computing device 200 includes at least one processing unit 220 and system memory 210. According to one aspect, depending on the configuration and type of computing device, system memory 210 includes, but is not limited to, volatile storage (e.g., random access memory), non-volatile storage (e.g., read-only memory), flash memory, or any combination of such memories. According to one aspect, system memory 210 includes an operating system 211.

According to one aspect, operating system 211 is suitable, for example, for controlling the operation of computing device 200. Further, examples are practiced in connection with a graphics library, other operating systems, or any other application program and are not limited to any particular application or system. This basic configuration is illustrated in fig. 2 by those components within dashed line 215. According to one aspect, computing device 200 has additional features or functionality. For example, according to one aspect, computing device 200 includes additional data storage devices (removable and/or non-removable) such as, for example, magnetic disks, optical disks, or tape.

As set forth hereinabove, according to one aspect, program modules 212 are stored in system memory 210. According to one aspect, program modules 212 may be implemented as one or more computer program products, the application is not limited to the type of computer program product, and may include, for example: email, word processing applications, spreadsheet applications, database applications, slide show applications, drawing or computer-aided application, web browser, etc. In some embodiments according to the present application, the computer programs/instructions associated with the page display method 100 are packaged as a computer program product, which when executed by a processor (i.e., the processing unit 220) implements the page display method 300 according to the present application.

According to one aspect, the examples may be practiced in a circuit comprising discrete electronic components, a packaged or integrated electronic chip containing logic gates, a circuit utilizing a microprocessor, or on a single chip containing electronic components or a microprocessor. For example, examples may be practiced via a system on a chip (SOC) in which each or many of the components shown in fig. 2 may be integrated on a single integrated circuit. According to one aspect, such SOC devices may include one or more processing units, graphics units, communication units, system virtualization units, and various application functions, all of which are integrated (or "burned") onto a chip substrate as a single integrated circuit. When operating via an SOC, the functionality described herein may be operated via dedicated logic integrated with other components of computing device 200 on a single integrated circuit (chip). Embodiments of the invention may also be practiced using other techniques capable of performing logical operations (e.g., AND, OR, AND NOT), including but NOT limited to mechanical, optical, fluidic, AND quantum techniques. In addition, embodiments of the invention may be practiced within a general purpose computer or in any other circuit or system.

According to one aspect, computing device 200 may also have one or more input devices 231, such as a keyboard, mouse, pen, voice input device, touch input device, or the like. Output devices 232 such as a display, speakers, printer, etc. may also be included. The foregoing devices are examples and other devices may also be used. Computing device 200 may include one or more communication connections 233 that allow communication with other computing devices 240. Examples of suitable communication connections 233 include, but are not limited to: RF transmitter, receiver and/or transceiver circuitry; universal Serial Bus (USB), parallel and/or serial ports. Computing device 200 may be communicatively connected to other computing devices 240 via communication connection 233.

Embodiments of the present invention also provide a non-transitory readable storage medium storing instructions for causing the computing device to perform a method according to embodiments of the present invention. The readable media of the present embodiments, including both permanent and non-permanent, removable and non-removable media, may be any method or technology for information storage. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of readable storage media include, but are not limited to: phase change memory (PRAM), static Random Access Memory (SRAM), dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), read Only Memory (ROM), electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), digital Versatile Disks (DVD) or other optical storage, magnetic cassettes, magnetic tape disk storage or other magnetic storage devices, or any other non-transitory readable storage medium.

According to one aspect, communication media is embodied by computer readable instructions, data structures, program modules, or other data in a modulated data signal (e.g., carrier wave or other transport mechanism) and includes any information delivery media. According to one aspect, the term "modulated data signal" describes a signal that has one or more of its characteristics set or changed in such a manner as to encode information in the signal. By way of example, and not limitation, communication media includes wired media such as a wired network or direct-wired connection, and wireless media such as acoustic, radio Frequency (RF), infrared, and other wireless media.

It should be noted that although the above-described computing device only shows processing unit 220, system memory 210, input device 231, output device 232, and communication connection 233, the device may include other components necessary to achieve proper operation in a particular implementation. Furthermore, it will be understood by those skilled in the art that the above-described apparatus may include only the components necessary to implement the embodiments of the present description, and not all the components shown in the drawings.

Fig. 3 shows a schematic diagram of a page display method 300 according to an exemplary embodiment of the invention. As shown in fig. 3, the page display method 300 of the present invention first performs step 310: and in response to receiving a request of a user for accessing the application activity, loading page controls included in an application page of the application activity, and requesting static resources of the webpage from a server according to the webpage to be loaded by the page controls.

According to one embodiment of the invention, a computing device may be embodied as a mobile terminal. The invention is not limited to a particular implementation of the computing device. An Application (APP) is running in a computing device (e.g., mobile terminal), and the invention is not limited by the specific application type and functions implemented by the running application.

The application includes a plurality of application activities (activities), each of which carries a corresponding application function. And the application activity may correspond to one or more application pages. The user's request to access the application activity may be triggered by the user or automatically by the computing device, and the invention is not limited to the specific manner in which the user's request to access the application activity is triggered.

According to one embodiment of the present invention, when a request for accessing an application activity by a user is received, a corresponding target application interface may be determined from one or more application interfaces included in the application activity according to a preset rule to access. The invention does not limit the specific rules for determining the target application interface.

According to one embodiment of the invention, the application interface comprises a page control (Webview), and the page control is used for displaying a preset webpage. The invention does not limit the type of the preset webpage to be displayed and the content of the webpage to be displayed. In the webpage to be displayed by the webpage control, the required resources comprise static resources, dynamic resources, java script resources and the like, and the invention does not limit the number of various resources and the specific types of the resources required for loading the webpage.

And after the page control is loaded, displaying the loading state page in the page control. The loading state page is a page informing the user that the page to be displayed is currently loaded and prompting the user to wait. The invention does not limit the specific setting mode of the loading state page and the displayed content. According to one embodiment of the invention, the load status page may display a typeface of "loading" or a typeface of "loading".

In order to improve page loading efficiency and reduce the time for a user to watch a page in a loading state, the method and the device are used for grading resources required by requesting pages in batches. Firstly, static resources required by a page are requested, wherein the static resources refer to a fixed page at the front end, the fixed page contains HTML, CSS, JS, pictures and the like, the page can be displayed directly without looking up a database or processing a program, and if the content is required to be modified, the page must be modified, but the access efficiency is higher. Dynamic resources refer to the need for program processing or reading data from a database, and can display different data on a page according to different conditions, and content updating does not need to modify the page but has lower access speed than static pages. And when the page resource is requested, determining a target server to be accessed according to the URL of the accessed page, and sending a static resource acquisition request.

Then, step 320 is executed, in response to receiving the requested static resource, and according to the static resource, loading a static page component corresponding to the static resource in the page control, and according to a preset first callback function, hiding a loading state page displayed in the page control to display the loaded static page component.

According to the embodiment of the invention, the resource is downloaded, the downloaded resource is loaded and the corresponding component is displayed, so that the time for a user to watch a page in a loading state is reduced, and the user experience is improved.

According to one embodiment of the invention, the static resource is received when the loading state page is displayed, the static resource is loaded, and then the displayed loading state page is hidden through a preset first callback function.

According to one embodiment of the invention, the step of setting the first callback function comprises: determining a page container where a page control in an application page is located; a first callback function is set in the page container. The first callback function comprises the steps of judging whether the static resources of the webpage are loaded or not, and hiding the displayed loading state page if the static resources of the webpage are loaded.

Step 330 is then performed to request dynamic resources of the web page from the server. According to one embodiment of the present invention, when requesting a dynamic resource, a JavaScript resource, such as JavaScript script, may also be requested to load the dynamic resource using the JavaScript resource.

Finally, step 340 is executed, in response to receiving the requested dynamic resource, loading the dynamic page component in the web page according to the static resource, and displaying the web page to be displayed in the page space to the user according to the static page component and the dynamic page component.

According to one embodiment of the invention, the method further comprises the step of calling a service data interface to request service data after the static page component is loaded; the requested service data is loaded in the web page. The invention does not limit the specific type of the service data and the number of the service data interfaces.

According to one embodiment of the invention, the method of the invention further comprises: if the operation of the user on the static page component is received before the business data is loaded, responding to the operation refusal. After the static page component is loaded, the user can see part of the content of the webpage, and if the user wants to operate the webpage at the moment, the user cannot realize the desired business logic operation according to the latest and complete business data because the business data of the webpage is incomplete at the moment, so that the user is refused to operate.

In the description provided herein, numerous specific details are set forth. However, it is understood that embodiments of the invention may be practiced without these specific details. In some instances, well-known methods, structures and techniques have not been shown in detail in order not to obscure an understanding of this description.

Similarly, it should be appreciated that in the foregoing description of exemplary embodiments of the invention, various features of the invention are sometimes grouped together in a single embodiment, figure, or description thereof for the purpose of streamlining the disclosure and aiding in the understanding of one or more of the various inventive aspects.

Those skilled in the art will appreciate that the modules or units or groups of devices in the examples disclosed herein may be arranged in a device as described in this embodiment, or alternatively may be located in one or more devices different from the devices in this example. The modules in the foregoing examples may be combined into one module or may be further divided into a plurality of sub-modules.

Those skilled in the art will appreciate that the modules in the apparatus of the embodiments may be adaptively changed and disposed in one or more apparatuses different from the embodiments. The modules or units or groups of embodiments may be combined into one module or unit or group, and furthermore they may be divided into a plurality of sub-modules or sub-units or groups. Any combination of all features disclosed in this specification, as well as all processes or units of any method or apparatus so disclosed, may be employed, except that at least some of such features and or processes or units are mutually exclusive. Each feature disclosed in this specification may be replaced by alternative features serving the same, equivalent or similar purpose, unless expressly stated otherwise.

Furthermore, those skilled in the art will appreciate that while some embodiments described herein include some features but not others included in other embodiments, combinations of features of different embodiments are meant to be within the scope of the invention and form different embodiments.

Furthermore, some of the embodiments are described herein as methods or combinations of method elements that may be implemented by a processor of a computer system or by other means of performing the functions. Thus, a processor with the necessary instructions for implementing the described method or method element forms a means for implementing the method or method element. Furthermore, the elements of the apparatus embodiments described herein are examples of the following apparatus: the apparatus is for carrying out the functions performed by the elements for carrying out the objects of the invention.

The various techniques described herein may be implemented in connection with hardware or software or, alternatively, with a combination of both. Thus, the methods and apparatus of the present invention, or certain aspects or portions of the methods and apparatus of the present invention, may take the form of program code (i.e., instructions) embodied in tangible media, such as floppy diskettes, CD-ROMs, hard drives, or any other machine-readable storage medium, wherein, when the program is loaded into and executed by a machine, such as a computer, the machine becomes an apparatus for practicing the invention.

In the case of program code execution on programmable computers, the computing device will generally include a processor, a storage medium readable by the processor (including volatile and non-volatile memory and/or storage elements), at least one input device, and at least one output device. Wherein the memory is configured to store program code; the processor is configured to execute the page display method of the present invention in accordance with instructions in said program code stored in the memory.

By way of example, and not limitation, computer readable media comprise computer storage media and communication media. Computer-readable media include computer storage media and communication media. Computer storage media stores information such as computer readable instructions, data structures, program modules, or other data. Communication media typically embodies computer readable instructions, data structures, program modules or other data in a modulated data signal such as a carrier wave or other transport mechanism and includes any information delivery media. Combinations of any of the above are also included within the scope of computer readable media.

As used herein, unless otherwise specified the use of the ordinal terms "first," "second," "third," etc., to describe a general object merely denote different instances of like objects, and are not intended to imply that the objects so described must have a given order, either temporally, spatially, in ranking, or in any other manner.

While the invention has been described with respect to a limited number of embodiments, those skilled in the art, having benefit of the above description, will appreciate that other embodiments are contemplated within the scope of the invention as described herein. Furthermore, it should be noted that the language used in the specification has been principally selected for readability and instructional purposes, and may not have been selected to delineate or circumscribe the inventive subject matter. Accordingly, many modifications and variations will be apparent to practitioners skilled in the art. The disclosure of the present invention is intended to be illustrative, but not limiting, of the scope of the invention.

Claims (10)

1. A method of page display adapted to run in a computing device, the method comprising:

Responding to a request of a user for accessing an application activity, loading page controls included in an application page of the application activity, and requesting static resources of a webpage from a server according to the webpage to be loaded by the page controls;

In response to receiving the requested static resource, loading a static page component corresponding to the static resource in the page control according to the static resource, and hiding a loading state page displayed in the page control according to a preset first callback function so as to display the loaded static page component;

requesting dynamic resources of a web page from the server;

And in response to receiving the requested dynamic resource, loading a dynamic page component in the webpage according to the static resource, and displaying the webpage to be displayed in the page space to a user according to the static page component and the dynamic page component.

2. The method of claim 1, wherein the method further comprises:

and after receiving a request of a user for accessing the application activity, determining a corresponding target application interface from one or more application interfaces included in the application activity according to a preset rule for access.

3. The method of claim 1, wherein setting the first callback function comprises:

Determining a page container where a page control in the application page is located;

Setting a first callback function in the page container.

4. The method of claim 3, wherein the first callback function comprises determining whether loading of static resources of the web page is complete, and if so hiding a display of a load status page.

5. The method of claim 1, wherein the method further comprises:

after the static page component is loaded, a service data interface is called to request service data;

and loading the requested service data in the webpage.

6. The method of any one of claims 1-5, wherein the method further comprises: and if the operation of the user on the static page component is received before the business data is loaded, rejecting the response to the operation.

7. The method of claim 1, wherein the loading status page is a page informing the user that a page to be displayed is currently being loaded, and prompting the user to wait.

8. A computing device, comprising:

one or more processors;

A memory; and

One or more programs, wherein the one or more programs are stored in memory and configured to be executed by the one or more processors, the one or more programs comprising instructions for performing the method of any of claims 1-7.

9. A computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by a computing device, cause the computing device to perform the method of any of claims 1-7.

10. A computer program product comprising computer programs/instructions which, when executed by a processor, implement the method of any of claims 1-7.