CA3176866A1 - Webpage loading method, apparatus, and smart device - Google Patents
Webpage loading method, apparatus, and smart deviceInfo
- Publication number
- CA3176866A1 CA3176866A1 CA3176866A CA3176866A CA3176866A1 CA 3176866 A1 CA3176866 A1 CA 3176866A1 CA 3176866 A CA3176866 A CA 3176866A CA 3176866 A CA3176866 A CA 3176866A CA 3176866 A1 CA3176866 A1 CA 3176866A1
- Authority
- CA
- Canada
- Prior art keywords
- page
- switching
- site
- target
- marker
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000011068 loading method Methods 0.000 title claims abstract description 37
- 238000000034 method Methods 0.000 claims abstract description 12
- 238000009877 rendering Methods 0.000 claims abstract description 9
- 239000003550 marker Substances 0.000 claims description 34
- 238000005562 fading Methods 0.000 claims description 12
- 230000009286 beneficial effect Effects 0.000 description 5
- 230000007704 transition Effects 0.000 description 4
- 230000003213 activating effect Effects 0.000 description 2
- 238000004904 shortening Methods 0.000 description 2
- 238000010586 diagram Methods 0.000 description 1
- 230000000977 initiatory effect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
A webpage loading method and apparatus, and an intelligent device, relating to the technical field of mobile applications, and for use in enabling the user experience of a hybrid mobile application in page display to be closer to that of a natively developed application. The method comprises: pre-downloading structure codes of multiple pages to be displayed, and writing same into one HTML file in units of pages (S1); associating webpage addresses of the page structures, and distinctively identifying the page structures (S2); calling a style attribute control to arrange the multiple page structures horizontally or vertically according to the sequence of the identifiers (S3); automatically visiting the associated webpage addresses by means of a web control to load dynamic data of a home page (S4); detecting a page switching instruction of a user and switching a target page structure to a location closest to the home page (S5); when a switching condition is met, gradually entering and displaying the target page by simulating a native switching animation, and gradually exiting and hiding the home page (S6); when completely entering the target page structure, requesting and rendering dynamic data by means of the web control and displaying a complete page view (S7).
Description
WEBPAGE LOADING METHOD, APPARATUS, AND SMART DEVICE
BACKGROUND OF THE INVENTION
Technical Field [0001] The present invention relates to the technical field of mobile applications, and more particularly to a webpage loading method as well as an apparatus and a smart device thereof.
Description of Related Art
BACKGROUND OF THE INVENTION
Technical Field [0001] The present invention relates to the technical field of mobile applications, and more particularly to a webpage loading method as well as an apparatus and a smart device thereof.
Description of Related Art
[0002] Hybrid mobile applications (or hybrid apps) are applications between web-apps and native-apps. A hybrid app is developed using both program languages and webpage languages. Program languages (native) form a base of client applications. For development of an app, the languages used have to be selected according to the operating system running in the terminal to which the app is intended to deploy. For example, Java should be selected for the Android operating system and e Objective-C should be selected for the iOS operating system. A client application developed and compiled using program languages has to be installed to a terminal for operation. Differently, server applications deployed and compiled using webpage languages (Html) have to be installed at a server end or to be packaged in a client app, independent of the operating system(s) carried by the connected terminal(s), which means that they are cross-platform. In use, a client app can load webpage resources developed using a webpage language through web controls to display webpages. It is thus clear that hybrid mobile applications have the best of both worlds ¨ the excellent user experience as provided by native apps and the possibility of cross-platform development as seen in web apps.
[0003] In a hybrid mobile app, its client app displays webpage pages at two levels, namely the Date Regue/Date Received 2022-09-23 page structure and the dynamic data. Generally, to display a webpage, a client app loads a webpage address corresponding to the page structure through web controls, and afterward acquire the dynamic data by initiating a data request, so that it can fully display the webpage according to the returned dynamic data. When a user operates to switch pages, the webpage address corresponding to the next page is loaded by means of existing web controls or newly constructed web controls, after which the dynamic data can be required and rendered and the whole webpage is displayed.
[0004] However, it is found in practical use that hybrid mobile apps can have problems about page loading and displaying. To be specific, since it takes time for web controls to load webpage addresses and render page resources, the displayed page can at this time be totally blank, and this is particular the case during the transition between two successively displayed pages. Hence, there is a gap of user experience between apps developed in the hybrid mode and those developed using native languages in terms of webpage display.
SUMMARY OF THE INVENTION
SUMMARY OF THE INVENTION
[0005] The objective of the present invention is to provide a webpage loading method as well as its apparatus and smart device, which enable hybrid mobile apps to provide user experience closer to natively developed apps in terms of webpage display.
[0006] In order to achieve the foregoing objective, in one aspect, the present invention provides a webpage loading method, which comprises the following steps:
[0007] Si, pre-downloading structure codes of plural pages to be displayed, and writing the structure codes into a single HTML file in the unit of pages;
[0008] S2, associating webpage address of each page structure, while marking the page structures with distinctive markers, respectively;
[0009] S3, calling a form attribute control to arrange the page structures into a horizontal arrangement or a vertical arrangement according to a sequence of the markers;
[0010] S4, automatically accessing the said associated webpage addresses by using a web Date Regue/Date Received 2022-09-23 control, thereby loading dynamic data of a first page, so that the first page is displayed and the other page structures are hidden;
[0011] S5, detecting page switching instructions from a user so as to acquire a marker of a target page structure, and, based on the marker, placing the target page structure to a site in an immediate neighbor to the first page;
[0012] S6, when switching conditions are satisfied, by simulating a native switching animation, fading in and displaying the target page structure, while fading out and hiding the first page;
and
and
[0013] S7, when the target page structure has been fully faded in, accessing associated webpage addresses through the web control to request for rendering of the dynamic data successively and displaying a full page view.
[0014] Preferably, the method further comprises the following step:
[0015] S8, after the view of the target page has been fully displayed, defining the target page as the first page, and returning to the step S5.
[0016] Specifically, the page switching instructions include a switching-to-next-page instruction and a returning-to-previous-page instruction.
[0017] Preferably, the method of detecting page switching instructions from a user so as to acquire a marker of a target page structure, and, based on the marker, placing the target page structure to a site in an immediate neighbor to the first page comprises:
[0018] when a said switching-to-next-page instruction/returning-to-previous-page instruction is detected, automatically locking the marker of the target page structure while, based on the marker structure, extracting associated pages and storing them in a site next to an adjacent site with respect to the first page, so as to update and adjust the arrangement of the page structures; in which
[0019] a site next to the adjacent site with respect to the first page refers to a site horizontally adjacent to the first page or a site immediately below the first page.
Date Regue/Date Received 2022-09-23
Date Regue/Date Received 2022-09-23
[0020] Preferably, the method of pre-downloading structure codes of pages to be displayed comprises:
[0021] based on a current access, downloading the structure codes of all pages to be displayed at a time.
[0022] As compared to the prior art, the webpage loading method of the present invention provides the following beneficial effects:
[0023] In the webpage loading method of the present invention, structure codes of pages to be displayed are pre-downloaded. Then the downloaded structure codes are all stored in the same HTML file in the unit of pages. Meanwhile, webpage addresses and the corresponding webpage structures are associated and the page structures are distinctively marked, so that the form attribute control can arrange the plural page structures in order according to the distinctive markers. To ensure preferred user experience, a user when activating the mobile app has to such configure the first page that the page will be automatically loaded and rendered. Afterward, page switching is implemented when a page switching instruction is detected. Specifically, the target page structure is placed at the site in the immediate neighbor to the first page, so that the target page structure can be faded in and displayed by simulating a native switching animation when the switching conditions are satisfied and the first page starts to be faded out and hidden until the target page structure has been fully faded in. Then the web controls are called to access associated webpage address to request for rendering of the dynamic data successively and displaying a full page view.
[0024] It is thus clear that, as compared to the prior-art technical solution in which for every page an HTML file has to be correspondingly generated, the present invention significantly reduces the frequency of calling web controls to load webpages, and, when entering the functional modules, all well arranged page structures of a webpage to be displayed can be loaded at a time, thereby effectively shortening the waiting time during page transition, and eventually enabling a hybrid mobile app to display webpages with user experience closer to that obtained by natively developed apps.
[0025] In another aspect, the present invention provides a webpage loading apparatus, which is Date Regue/Date Received 2022-09-23 applied to the webpage loading method of the foregoing technical solution. The apparatus comprises:
[0026] a loading unit, for pre-downloading structure codes of plural pages to be displayed, and writing the structure codes into a single HTML file in the unit of pages;
[0027] a page marker unit, for associating webpage address of each page structure, while marking the page structures with distinctive markers, respectively;
[0028] a controlling unit, for calling a form attribute control to arrange the page structures into a horizontal arrangement or a vertical arrangement according to a sequence of the markers;
[0029] a first page displaying unit, for automatically accessing the said associated webpage addresses by using a web control, thereby loading dynamic data of a first page, so that the first page is displayed and the other page structures are hidden;
[0030] a switching processing unit, for detecting page switching instructions from a user so as to acquire a marker of a target page structure, and, based on the marker, placing the target page structure to a site in an immediate neighbor to the first page;
[0031] an animation unit, for when switching conditions are satisfied, by simulating a native switching animation, fading in and displaying the target page structure, while fading out and hiding the first page; and
[0032] a switching unit, for when the target page structure has been fully faded in, accessing associated webpage addresses through the web control to request for rendering of the dynamic data successively and displaying a full page view.
[0033] Preferably, it further comprises:
[0034] a circulating unit, after the view of the target page has been fully displayed, defining the target page as the first page, and responding to the switching processing unit again.
[0035] Preferably, the switching processing unit is specifically for when a said switching-to-next-page instruction/returning-to-previous-page instruction is detected, automatically locking the marker of the target page structure while, based on the marker structure, Date Regue/Date Received 2022-09-23 extracting associated pages and storing them in a site next to an adjacent site with respect to the first page, so as to update and adjust the arrangement of the page structures; in which
[0036] a site next to the adjacent site with respect to the first page refers to a site horizontally adjacent to the first page or a site immediately below the first page.
[0037] Preferably, the switching unit is specifically for based on current access downloading the structure codes of all pages to be displayed at a time, and writing the codes into a single HTML file in the unit of pages.
[0038] As compared to the prior art, the disclosed webpage loading apparatus provides beneficial effects that are similar to those provided by the webpage loading method as enumerated above, and thus no repetitions are made herein.
[0039] In a third aspect, the present invention provides a smart device, comprising the webpage loading apparatus of the foregoing technicalsolution.
[0040] As compared to the prior art, the disclosed smart device provides beneficial effects that are similar to those provided by the webpage loading apparatus as enumerated above, and thus no repetitions are made herein.
BRIEF DESCRIPTION OF THE DRAWINGS
BRIEF DESCRIPTION OF THE DRAWINGS
[0041] The accompanying drawings illustrated herein are intended to provide a further understanding of the present invention and form part of the present invention.
The illustrative embodiments of the invention and their descriptions are used to explain the invention and do not constitute an undue limitation of the invention. wherein:
The illustrative embodiments of the invention and their descriptions are used to explain the invention and do not constitute an undue limitation of the invention. wherein:
[0042] FIG. 1 is a flowchart of a webpage loading method in Embodiment 1 of the present invention;
[0043] FIG. 2 is a schematic drawing showing the horizontal arrangement of the page structures in Embodiment 1 of the present invention;
[0044] FIG. 3 is a schematic drawing showing the target page structure is placed at the site in the immediate neighbor to the first page according to Embodiment 1 of the present invention;
Date Regue/Date Received 2022-09-23
Date Regue/Date Received 2022-09-23
[0045] FIG. 4 is a schematic drawing showing the target page structure is faded in and the first page is faded out according to Embodiment 1 of the present invention;
[0046] FIG. 5 is a schematic drawing showing the target page structure is completed faded in and displayed according to Embodiment 1 of the present invention; and
[0047] FIG. 6 is a structural diagram of a webpage loading apparatus in Embodiment 2 of the present invention.
[0048] Elements in Drawings:
[0049] 1-Loading Unit, 2-Page Marker Unit;
[0050] 3-Controlling Unit, 4-First page Displaying Unit;
[0051] 5-Switching Processing Unit, 6-Animating Unit;
[0052] 7-Switching Unit, 8-Circulating Unit.
DETAILED DESCRIPTION OF THE INVENTION
DETAILED DESCRIPTION OF THE INVENTION
[0053] To make the foregoing objectives, features, and advantages of the present invention clearer and more understandable, the technical solutions in embodiments of the present invention will be clearly and completely described below in conjunction with the accompanying drawings of embodiments of the present invention.. It is, however, to be understood that the embodiments referred herein are only a part of all possible embodiments and thus not exhaustive. Based on the embodiments of the present invention, all other embodiments conceived without creative labor by people of ordinary skill in the art shall be encompassed in the scope of the present invention.
[0054] Embodiment I
[0055] Referring to FIG. 1, the present embodiment provides a webpage loading method, comprising the following steps:
[0056] Step 51, pre-downloading structure codes of plural pages to be displayed, for example, Date Regue/Date Received 2022-09-23 downloading the structure codes of all pages to be displayed at a time based on current access, and writing the codes into a single HTML file in the unit of pages; Step S2, associating webpage address of each page structure, while marking the page structures with distinctive markers, respectively; Step S3, calling a form attribute control to arrange the page structures into a horizontal arrangement or a vertical arrangement according to a sequence of the markers; Step S4, automatically accessing the said associated webpage addresses by using a web control, thereby loading dynamic data of a first page, so that the first page is displayed and the other page structures are hidden; Step S5, detecting page switching instructions from a user so as to acquire a marker of a target page structure, and, based on the marker, placing the target page structure to a site in an immediate neighbor to the first page; step S6, when switching conditions are satisfied, by simulating a native switching animation, fading in and displaying the target page structure, while fading out and hiding the first page; and Step S7, when the target page structure has been fully faded in, accessing associated webpage addresses through the web control to request for rendering of the dynamic data successively and displaying a full page view.
[0057] In the webpage loading method of the present embodiment, structure codes of pages to be displayed are pre-downloaded. Then the downloaded structure codes are all stored in the same HTML file in the unit of pages. Meanwhile, webpage addresses and the corresponding webpage structures are associated and the page structures are distinctively marked, so that the form attribute control can arrange the plural page structures in order according to the distinctive markers. To ensure preferred user experience, a user when activating the mobile app has to such configure the first page that the page will be automatically loaded and rendered. Afterward, page switching is implemented when a page switching instruction is detected. Specifically, the target page structure is placed at the site in the immediate neighbor to the first page, so that the target page structure can be faded in and displayed by simulating a native switching animation when the switching conditions are satisfied and the first page starts to be faded out and hidden until the target page structure has been fully faded in. Then the web controls are called to access associated webpage address to request for rendering of the dynamic data successively and displaying a full page view.
Date Regue/Date Received 2022-09-23
Date Regue/Date Received 2022-09-23
[0058] It is thus clear that, as compared to the prior-art technical solution in which for every page an HTML file has to be correspondingly generated, the present invention significantly reduces the frequency of calling web controls to load webpages, and, when entering the functional modules, all well arranged page structures of a webpage to be displayed can be loaded at a time, thereby effectively shortening the waiting time during page transition, and eventually enabling a hybrid mobile app to display webpages with user experience closer to that obtained by natively developed apps.
[0059] Preferably, the foregoing embodiment further comprises:
[0060] Step S8, after the view of the target page has been fully displayed, defining it as the first page, and returning to the step S5. When the target page has been fully loaded and displayed, with the foregoing circular configuration, the steps S5 through S7 can be performed repeatedly, so that pre-downloaded plural page structures can be repeatedly called to satisfy page switching needs of the user.
[0061] Exemplarily, the foregoing page switching instructions include a switching-to-next-page instruction and a returning-to-previous-page instruction.
[0062] Specifically, in the foregoing embodiment, the step of detecting page switching instructions from a user so as to acquire a marker of a target page structure, and, based on the marker, placing the target page structure to a site in an immediate neighbor to the first page comprises:
[0063] when a said switching-to-next-page instruction/returning-to-previous-page instruction is detected, automatically locking the marker of the target page structure while, based on the marker structure, extracting associated pages and storing them in a site next to an adjacent site with respect to the first page, so as to update and adjust the arrangement of the page structures; in which a site next to the adjacent site with respect to the first page refers to a site horizontally adjacent to the first page or a site immediately below the first page. By adjusting the page arrangement at a near site, the waiting time for transition from the first page to a target page can be shortened, so as to make page switching smoother and provide better user experience.
Date Regue/Date Received 2022-09-23
Date Regue/Date Received 2022-09-23
[0064] In practical implementations, as shown in FIGs. 2-5, when a user opens the mobile application, structure codes of three pages to be displayed are downloaded at a time.
Meanwhile, the codes are written into a single HTML file in the unit of pages, and are marked as Page 1, Page 2 and Page 3, respectively. Then a form attribute control is called to arrange the three page structures in a horizontal arrangement or a vertical arrangement. For easy understanding, a horizontal arranged is now described for example. Herein, Page 1 is located at the first page. When the web controls load the webpage for the first time, Page 1 is in a displayed state, while Page 2 and Page 3 are hidden, as shown in FIG. 2. When a page switching instruction from a user is detected, such as a switching instruction that asks for switching from Page 1 to Page 3, a form attribute control is called to adjust the arrangement of the pages, so that Page 3 is placed in immediate neighbor to the border of Page 1, as shown in FIG. 3. Then when the switching conditions are satisfied, by simulating a native switching animation, Page 3 is faded in and displayed while Page 1 is faded out and hidden, as shown in FIG. 4, until Page 3 has been fully loaded and the animation ends. At this time, Page 1 is hidden to reduce the bulkiness of the layered page structures, and dynamic data are required and rendered to show the complete page view, as shown in FIG. 5.
Meanwhile, the codes are written into a single HTML file in the unit of pages, and are marked as Page 1, Page 2 and Page 3, respectively. Then a form attribute control is called to arrange the three page structures in a horizontal arrangement or a vertical arrangement. For easy understanding, a horizontal arranged is now described for example. Herein, Page 1 is located at the first page. When the web controls load the webpage for the first time, Page 1 is in a displayed state, while Page 2 and Page 3 are hidden, as shown in FIG. 2. When a page switching instruction from a user is detected, such as a switching instruction that asks for switching from Page 1 to Page 3, a form attribute control is called to adjust the arrangement of the pages, so that Page 3 is placed in immediate neighbor to the border of Page 1, as shown in FIG. 3. Then when the switching conditions are satisfied, by simulating a native switching animation, Page 3 is faded in and displayed while Page 1 is faded out and hidden, as shown in FIG. 4, until Page 3 has been fully loaded and the animation ends. At this time, Page 1 is hidden to reduce the bulkiness of the layered page structures, and dynamic data are required and rendered to show the complete page view, as shown in FIG. 5.
[0065] Embodiment 2
[0066] Referring to FIG. 1 and FIG. 6, the present embodiment provides a webpage loading apparatus, which comprising:
[0067] a loading unit 1, for pre-downloading structure codes of plural pages to be displayed, and writing the structure codes into a single HTML file in the unit of pages;
[0068] a page marker unit 2, f for associating webpage address of each page structure, while marking the page structures with distinctive markers, respectively;
[0069] a controlling unit 3, for calling a form attribute control to arrange the page structures into a horizontal arrangement or a vertical arrangement according to a sequence of the markers;
[0070] a first page displaying unit 4, for automatically accessing the said associated webpage Date Regue/Date Received 2022-09-23 addresses by using a web control, thereby loading dynamic data of a first page, so that the first page is displayed and the other page structures are hidden;
[0071] a switching processing unit 5, for detecting page switching instructions from a user so as to acquire a marker of a target page structure, and, based on the marker, placing the target page structure to a site in an immediate neighbor to the first page;
[0072] an animating unit 6, for when switching conditions are satisfied, by simulating a native switching animation, fading in the target page structure, while fading out and hiding the first page; and
[0073] a switching unit 7, for when the target page structure has been fully faded in, accessing associated webpage addresses through the web control to request for rendering of the dynamic data successively and displaying a full page view.
[0074] Preferably, it further comprises:
[0075] a circulating unit 8, for, after the view of the target page has been fully displayed, defining the target page as the first page, and responding to the switching processing unit again.
[0076] Preferably, the switching processing unit 5 is specifically for when a said switching-to-next-page instruction/returning-to-previous-page instruction is detected, automatically locking the marker of the target page structure while, based on the marker structure, extracting associated pages and storing them in a site next to an adjacent site with respect to the first page, so as to update and adjust the arrangement of the page structures; in which
[0077] a site next to the adjacent site with respect to the first page refers to a site horizontally adjacent to the first page or a site immediately below the first page.
[0078] Specifically, the switching unit 7 is specifically for based on current access downloading the structure codes of all pages to be displayed at a time, and writing the codes into a single HTML file in the unit of pages.
[0079] As compared to the prior art, the disclosed webpage loading apparatus provides beneficial effects that are similar to those provided by the webpage loading method as Date Regue/Date Received 2022-09-23 enumerated above, and thus no repetitions are made herein.
[0080] Embodiment 3
[0081] The present embodiment provides a smart device, comprising the webpage loading apparatus of the previous embodiment.
[0082] As compared to the prior art, the embodiments of the present invention provide beneficial effects that are similar to those provided by the disclosed webpage loading apparatus as enumerated above, and thus no repetitions are made herein.
[0083] As will be appreciated by people of ordinary skill in the art, implementation of all or a part of the steps of the method of the present invention as described previously may be realized by instructing related hardware components by means of a program. The program may be stored in a computer-readable storage medium, and the program is about performing the individual steps of the method described in the foregoing embodiments. The storage medium may be a ROM/RAM, a hard drive, an optical disk, or the like.
[0084] The above are only specific embodiments of the present invention, but the scope of protection of the present invention is not limited to them. Any person skilled in the art can easily think of making modifications or replacements within the technical scope disclosed by the present invention, which shall be covered by the scope of protection of the present invention. Hence, the scope of protection of the present invention shall only be defined by the appended claims.
Date Regue/Date Received 2022-09-23
Date Regue/Date Received 2022-09-23
Claims (10)
1. A webpage loading method, comprising steps of:
S1, pre-downloading structure codes of plural pages to be displayed, and writing the structure codes into a single HTML file in the unit of pages;
S2, associating webpage address of each page structure, while marking the page structures with distinctive markers, respectively;
S3, calling a form attribute control to arrange the page structures into a horizontal arrangement or a vertical arrangement according to a sequence of the markers;
S4, automatically accessing the said associated webpage addresses by using a web control, thereby loading dynamic data of a first page, so that the first page is displayed and the other page structures are hidden;
S5, detecting page switching instructions from a user so as to acquire a marker of a target page structure, and, based on the marker, placing the target page structure to a site in an immediate neighbor to the first page;
S6, when switching conditions are satisfied, by simulating a native switching animation, fading in and displaying the target page structure, while fading out and hiding the first page; and S7, when the target page structure has been fully faded in, accessing associated webpage addresses through the web control to request for rendering of the dynamic data successively and displaying a full page view.
S1, pre-downloading structure codes of plural pages to be displayed, and writing the structure codes into a single HTML file in the unit of pages;
S2, associating webpage address of each page structure, while marking the page structures with distinctive markers, respectively;
S3, calling a form attribute control to arrange the page structures into a horizontal arrangement or a vertical arrangement according to a sequence of the markers;
S4, automatically accessing the said associated webpage addresses by using a web control, thereby loading dynamic data of a first page, so that the first page is displayed and the other page structures are hidden;
S5, detecting page switching instructions from a user so as to acquire a marker of a target page structure, and, based on the marker, placing the target page structure to a site in an immediate neighbor to the first page;
S6, when switching conditions are satisfied, by simulating a native switching animation, fading in and displaying the target page structure, while fading out and hiding the first page; and S7, when the target page structure has been fully faded in, accessing associated webpage addresses through the web control to request for rendering of the dynamic data successively and displaying a full page view.
2. The method of claim 1, further comprising a step of:
S8, after the view of the target page has been fully displayed, defining the target page as the first page, and returning to the step S5.
Date Regue/Date Received 2022-09-23
S8, after the view of the target page has been fully displayed, defining the target page as the first page, and returning to the step S5.
Date Regue/Date Received 2022-09-23
3. The method of claim 1, wherein the page switching instructions include a switching-to-next-page instruction and a returning-to-previous-page instruction.
4. The method of claim 3, wherein the method of detecting page switching instructions from a user so as to acquire a marker of a target page structure, and, based on the marker, placing the target page structure to a site in an immediate neighbor to the first page comprises:
when a said switching-to-next-page instruction/returning-to-previous-page instruction is detected, automatically locking the marker of the target page structure while, based on the marker structure, extracting associated pages and storing them in a site next to an adjacent site with respect to the first page, so as to update and adjust the arrangement of the page structures; in which a site next to the adjacent site with respect to the first page refers to a site horizontally adjacent to the first page or a site immediately below the first page.
when a said switching-to-next-page instruction/returning-to-previous-page instruction is detected, automatically locking the marker of the target page structure while, based on the marker structure, extracting associated pages and storing them in a site next to an adjacent site with respect to the first page, so as to update and adjust the arrangement of the page structures; in which a site next to the adjacent site with respect to the first page refers to a site horizontally adjacent to the first page or a site immediately below the first page.
5. The method of claim 1, wherein the method of pre-downloading structure codes of plural pages to be displayed comprises:
based on a current access, downloading the structure codes of all pages to be displayed at a time.
based on a current access, downloading the structure codes of all pages to be displayed at a time.
6. A webpage loading apparatus, comprising:
a loading unit, for pre-downloading structure codes of plural pages to be displayed, and writing the structure codes into a single HTML file in the unit of pages;
page marker unit, for associating webpage address of each page structure, while marking the page structures with distinctive markers, respectively;
a controlling unit, for calling a form attribute control to arrange the page structures into a horizontal arrangement or a vertical arrangement according to a sequence of the markers;
a first page displaying unit, for automatically accessing the said associated webpage addresses Date Regue/Date Received 2022-09-23 by using a web control, thereby loading dynamic data of a first page, so that the first page is displayed and the other page structures are hidden;
a switching processing unit, for detecting page switching instructions from a user so as to acquire a marker of a target page structure, and, based on the marker, placing the target page structure to a site in an immediate neighbor to the first page;
an animation unit, for when switching conditions are satisfied, by simulating a native switching animation, fading in and displaying in the target page structure, while fading out and hiding the first page; and a switching unit, for when the target page structure has been fully faded in, accessing associated webpage addresses through the web control to request for rendering of the dynamic data successively and displaying a full page view.
a loading unit, for pre-downloading structure codes of plural pages to be displayed, and writing the structure codes into a single HTML file in the unit of pages;
page marker unit, for associating webpage address of each page structure, while marking the page structures with distinctive markers, respectively;
a controlling unit, for calling a form attribute control to arrange the page structures into a horizontal arrangement or a vertical arrangement according to a sequence of the markers;
a first page displaying unit, for automatically accessing the said associated webpage addresses Date Regue/Date Received 2022-09-23 by using a web control, thereby loading dynamic data of a first page, so that the first page is displayed and the other page structures are hidden;
a switching processing unit, for detecting page switching instructions from a user so as to acquire a marker of a target page structure, and, based on the marker, placing the target page structure to a site in an immediate neighbor to the first page;
an animation unit, for when switching conditions are satisfied, by simulating a native switching animation, fading in and displaying in the target page structure, while fading out and hiding the first page; and a switching unit, for when the target page structure has been fully faded in, accessing associated webpage addresses through the web control to request for rendering of the dynamic data successively and displaying a full page view.
7. The apparatus of claim 6, further comprising:
a circulating unit, for, after the view of the target page has been fully displayed, defining the target page as the first page, and responding to the switching processing unit again.
a circulating unit, for, after the view of the target page has been fully displayed, defining the target page as the first page, and responding to the switching processing unit again.
8. The apparatus of claim 7, wherein the switching processing unit is specifically for when a said swi tching-to-next-page instruction/returning-to-previous-page instruction is detected, automatically locking the marker of the target page structure while, based on the marker structure, extracting associated pages and storing them in a site next to an adjacent site with respect to the first page, so as to update and adjust the arrangement of the page structures;
in which a site next to the adjacent site with respect to the first page refers to a site horizontally adjacent to the first page or a site immediately below the first page.
in which a site next to the adjacent site with respect to the first page refers to a site horizontally adjacent to the first page or a site immediately below the first page.
9. The apparatus of claim 6, wherein the switching unit is specifically for based on a current access, downloading the structure codes of all pages to be displayed at a time.
Date Regue/Date Received 2022-09-23
Date Regue/Date Received 2022-09-23
10. A smart device, comprising the webpage loading and displaying apparatus of any one of claims 6 through 9.
Date Regue/Date Received 2022-09-23
Date Regue/Date Received 2022-09-23
Applications Claiming Priority (3)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910258588.3 | 2019-04-01 | ||
| CN201910258588.3A CN111857855B (en) | 2019-04-01 | 2019-04-01 | Webpage loading method and device and intelligent equipment |
| PCT/CN2019/109120 WO2020199544A1 (en) | 2019-04-01 | 2019-09-29 | Webpage loading method and apparatus, and intelligent device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CA3176866A1 true CA3176866A1 (en) | 2020-10-08 |
Family
ID=72664847
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CA3176866A Pending CA3176866A1 (en) | 2019-04-01 | 2019-09-29 | Webpage loading method, apparatus, and smart device |
Country Status (3)
| Country | Link |
|---|---|
| CN (1) | CN111857855B (en) |
| CA (1) | CA3176866A1 (en) |
| WO (1) | WO2020199544A1 (en) |
Families Citing this family (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112667939A (en) * | 2021-01-04 | 2021-04-16 | 天津中新智冠信息技术有限公司 | Webpage refreshing method and device, electronic equipment and storage medium |
| CN112989249B (en) * | 2021-02-19 | 2024-08-13 | 北京皮尔布莱尼软件有限公司 | Page display method, computing device and storage medium |
| CN113360121B (en) * | 2021-07-09 | 2022-06-03 | 帆软软件有限公司 | Visual design method for paging display and inter-page animation |
| US11663285B2 (en) | 2021-09-06 | 2023-05-30 | Microsoft Technology Licensing, Llc | Webpage management in native application |
| CN114138372B (en) * | 2021-12-06 | 2024-06-14 | 中国工商银行股份有限公司 | Front-end component loading method and device |
| CN114610305B (en) * | 2022-03-11 | 2023-11-10 | 数坤科技(宁波)有限公司 | Invisible webpage resource development method and device, electronic equipment and medium |
| CN115640477B (en) * | 2022-08-26 | 2024-05-21 | 百度在线网络技术（北京）有限公司 | Content recommendation method, device, equipment, medium and product of application program home page |
Family Cites Families (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102073686A (en) * | 2010-12-24 | 2011-05-25 | 汉柏科技有限公司 | Vertical dynamic loading method of page document and device thereof |
| US8595752B1 (en) * | 2011-06-13 | 2013-11-26 | Google Inc. | Hybrid application message passing |
| CN103488411B (en) * | 2012-06-13 | 2016-06-01 | 腾讯科技（深圳）有限公司 | The method of the switching page and device |
| CN103051684B (en) * | 2012-12-07 | 2017-03-15 | 百度在线网络技术（北京）有限公司 | Convert website into the mthods, systems and devices that Web App are shown |
| CN103500194A (en) * | 2013-09-17 | 2014-01-08 | 北京奇虎科技有限公司 | Method, device and browser for loading webpage |
| CN103995884A (en) * | 2014-05-29 | 2014-08-20 | 北京中电普华信息技术有限公司 | Hybrid application page switching method and system |
| US9639263B2 (en) * | 2014-08-05 | 2017-05-02 | Weebly, Inc. | Native overlay for rapid editing of web content |
| CN104462567B (en) * | 2014-12-26 | 2018-01-09 | 北京奇虎科技有限公司 | The switching method and apparatus of web page and the comprehensive page provide device |
| CN109697263A (en) * | 2015-12-21 | 2019-04-30 | 北京奇虎科技有限公司 | Page switching method and device |
| CN107729452B (en) * | 2017-10-09 | 2020-07-10 | 武汉斗鱼网络科技有限公司 | Webpage loading method and device, electronic equipment and computer readable storage medium |
| CN108427597A (en) * | 2018-03-16 | 2018-08-21 | 崔红保 | Accelerate the method and device of page rendering |
-
2019
- 2019-04-01 CN CN201910258588.3A patent/CN111857855B/en active Active
- 2019-09-29 CA CA3176866A patent/CA3176866A1/en active Pending
- 2019-09-29 WO PCT/CN2019/109120 patent/WO2020199544A1/en active Application Filing
Also Published As
| Publication number | Publication date |
|---|---|
| CN111857855A (en) | 2020-10-30 |
| CN111857855B (en) | 2021-10-29 |
| WO2020199544A1 (en) | 2020-10-08 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CA3176866A1 (en) | Webpage loading method, apparatus, and smart device | |
| CN102760139A (en) | Webpage processing method and webpage processing system | |
| CN102799484B (en) | The method and device of running of mobile terminal multiple operating system | |
| CN105824874A (en) | Mobile terminal as well as web page rendering method and device thereof | |
| CN110020325B (en) | Page loading method, device, equipment and readable storage medium | |
| CN111858312B (en) | Page display method and device for application program, computer equipment and storage medium | |
| CN109240567B (en) | Information display method and device, storage medium and electronic device | |
| CN106775836A (en) | Interface display method and interface display apparatus | |
| CN107890671A (en) | Threedimensional model rendering intent, device, computer equipment and the storage medium of WEB terminal | |
| CN102486733B (en) | The upgrade method of boot and device | |
| CN103186394A (en) | Method and device for installing software | |
| CN103577207A (en) | Loading method and loading device for interface components in custom interface system | |
| CN103778211A (en) | Method and device for switching language of mobile terminal game software | |
| CN103559055A (en) | Activity starting method and device applied to Android platform | |
| CN107908452A (en) | Multi-page starts method and device | |
| CN112035186A (en) | Preloading and jumping method, device, equipment and medium of H5 page | |
| CN106294413A (en) | The loading method of picture and device | |
| CN111352627A (en) | Page skeleton screen generation method, device, equipment and readable storage medium | |
| CN105988778A (en) | Page setting method and device | |
| CN110362766A (en) | A kind of page display control method and terminal | |
| CN106909367A (en) | Desktop display method and device in a kind of terminal device | |
| CN115525180A (en) | Screen switching method and device, computer readable storage medium and electronic equipment | |
| CN105988706A (en) | Input keyboard interface display method and apparatus | |
| CN103605519B (en) | Application program control adding method and application program control adding device | |
| CN107622063B (en) | Page switching method and device for avoiding white pages |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| EEER | Examination request |
Effective date: 20220923 |
|
| EEER | Examination request |
Effective date: 20220923 |
|
| EEER | Examination request |
Effective date: 20220923 |
|
| EEER | Examination request |
Effective date: 20220923 |
|
| EEER | Examination request |
Effective date: 20220923 |
|
| EEER | Examination request |
Effective date: 20220923 |
|
| EEER | Examination request |
Effective date: 20220923 |
|
| EEER | Examination request |
Effective date: 20220923 |