CN113190321A - Method and equipment for application program page pull-up refreshing - Google Patents
Method and equipment for application program page pull-up refreshing Download PDFInfo
- Publication number
- CN113190321A CN113190321A CN202110572178.3A CN202110572178A CN113190321A CN 113190321 A CN113190321 A CN 113190321A CN 202110572178 A CN202110572178 A CN 202110572178A CN 113190321 A CN113190321 A CN 113190321A
- Authority
- CN
- China
- Prior art keywords
- height
- page
- content list
- variable
- visual
- 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
Images
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/451—Execution arrangements for user interfaces
Abstract
The application aims to provide a method and equipment for the pull-up refreshing of an application program page, the method and equipment acquire the rolling height of a content list on the application program page by monitoring the sliding operation of a user on the content list, read the stored visual height and actual height of the content list from a system memory, send a page refreshing request to a network based on a set page loading trigger variable and a set bottoming judgment variable and by combining the judgment of the rolling height, the visual height, the actual height, the page loading trigger variable and the bottoming judgment variable, update data refreshed by the page refreshing request into the content list, meet the pull-up refreshing of the application program page, avoid the problems of slow page refreshing and unsmooth page refreshing caused by frequent triggering of page refreshing operation, and optimize the effect of the pull-up refreshing of the application program page, and the user experience is improved.
Description
Technical Field
The present application relates to the field of computers, and in particular, to a method and an apparatus for pull-up refresh of an application page.
Background
With the rapid development of network technology and communication technology, mobile internet services have been rapidly increasing. The mobile internet has the characteristics of rich information and convenient use, and a user can enjoy a large amount of rich information through the mobile internet.
When a user browses network information through an application program, the terminal needs to be networked, and data such as page resource files and pictures are loaded in the terminal. For some real-time pages, such as social applications, news applications, etc., the user frequently refreshes the page to see the latest content in time. The current technology for refreshing the application program page is to perform data request and other processing when a certain area is arranged at the bottom, request data is frequently triggered in the area at the bottom, and if the data slides to the bottommost part, the triggering times are the distance from the bottom set by the user, so that the performance is very high. Such as: when receiving a page refreshing operation sent by a user application program, the terminal immediately requests the server for the latest data, and immediately analyzes the data and performs page refreshing after obtaining the latest data. However, if the user uses the application program to slide to the bottom of the page, a page refresh operation instruction is sent, although the latest data is also requested from the server immediately, and the data is also analyzed immediately and page refresh is performed after the latest data is obtained, real-time data refresh processing is delayed, and meanwhile, the page refresh is not timely due to a real-time and frequent data refresh processing flow, a pause phenomenon occurs in the page refresh process, and the user experience is not good.
Disclosure of Invention
An object of the present application is to provide a method and an apparatus for application page pull-up refresh, which solve the problems of slow and unsmooth page refresh caused by frequent trigger of page refresh operation in the prior art, optimize the effect of application page pull-up refresh, and improve user experience.
According to one aspect of the application, a method for refreshing a pull-up of an application page is provided, which comprises the following steps:
monitoring the sliding operation of a user on a content list on an application program page, and acquiring the rolling height of the content list;
reading the stored visual height and actual height of the content list from a system memory;
setting a page loading trigger variable and a bottoming judgment variable;
and sending a page loading refreshing request to a network based on the rolling height, the visual height, the actual height, the page loading trigger variable and the touchdown judgment variable, and updating the loaded refreshed data into a content list.
Further, the monitoring the sliding operation of the user on the content list on the application program page includes:
setting a rolling event, binding the rolling event with the sliding operation of a user on a content list on an application program page, and triggering the rolling event to monitor the sliding operation when each pixel frame is slid.
Further, the obtaining the scrolling height of the content list includes:
and acquiring the scroll height of the content list in the scroll event, wherein the scroll height represents the pixel number value of a scroll bar of the content list from the top of a screen where the application program is positioned.
Further, the reading the stored visual height and actual height of the content list from the system memory includes:
acquiring a content list element on an application program page and the visual height and the actual height of the content list, and storing the visual height and the actual height in a system memory;
further, the obtaining of the content list element on the application page and the visual height and the actual height of the content list includes:
determining an HTML container corresponding to an application program page;
acquiring a display module on an application program page according to the related attributes of the HTML container;
the content list elements and the visual and actual heights are obtained from the presentation module.
Further, the method for setting the page loading trigger variable and the touchdown determination variable includes:
setting a page loading trigger variable and a specified height when the page loading is triggered;
and setting a bottoming judgment variable corresponding to the sliding operation.
Further, the sending a load page refresh request to a network based on the scroll height, the visual height, the actual height, and a page load trigger variable and a touchdown determination variable includes:
when the numerical value of the page loading trigger variable reaches the specified height, comparing the sum of the rolling height, the visual height and the specified height with the actual height to obtain a first comparison result;
and sending a page loading refreshing request to a network according to the first comparison result and the bottoming judgment variable.
Further, the sending a request for loading page refresh to the network by the first comparison result and the bottoming determination variable includes:
when the first comparison result is that the sum of the rolling height, the visual height and the designated height is smaller than the actual height, continuing to monitor the sliding operation of the user;
and when the first comparison result is that the sum of the rolling height, the visual height and the designated height is greater than or equal to the actual height, judging whether the touchdown judgment variable represents that the touchdown is over, if so, setting the touchdown judgment variable to be an opposite value, otherwise, setting the touchdown judgment variable to be the same value, and sending a page loading refreshing request to a network.
According to another aspect of the present application, there is also provided an apparatus for application page pull-up refresh, the apparatus including a monitoring device, a reading device, a setting device, and a refreshing device;
the monitoring device is used for monitoring the sliding operation of a user on a content list on an application program page and acquiring the rolling height of the content list;
the reading device is used for reading the stored visual height and the actual height of the content list from the system memory;
the setting device is used for setting a page loading trigger variable and a bottoming judgment variable;
and the refreshing device is used for sending a page loading refreshing request to a network based on the rolling height, the visual height, the actual height, the page loading trigger variable and the bottoming judgment variable, and updating the loaded refreshed data into a content list.
According to another aspect of the present application, there is also provided an apparatus for application page pull-up refresh, the apparatus including:
one or more processors; and
a memory storing computer readable instructions that, when executed, cause the processor to perform the operations of the method as previously described.
According to yet another aspect of the present application, there is also provided a computer readable medium having computer readable instructions stored thereon, the computer readable instructions being executable by a processor to implement the method as described above.
Compared with the prior art, the embodiment of the application provides a method and equipment for APP page pull-up refreshing, the rolling height of a content list on an application program page is obtained by monitoring the sliding operation of a user on the content list, the stored visual height and actual height of the content list are read from a system memory, a loading page refreshing request is sent to a network based on the set page loading trigger variable and the set bottoming judgment variable in combination with the judgment of the rolling height, the visual height, the actual height, the page loading trigger variable and the bottoming judgment variable, the data after the loading page refreshing request is refreshed is updated into the content list, the application program page pull-up refreshing is met, the problems of slow page refreshing and unsmooth page refreshing caused by frequent triggering of page refreshing operation are avoided, the effect of the application program page pull-up refreshing is optimized, and the user experience is improved.
Drawings
Other features, objects and advantages of the present application will become more apparent upon reading of the following detailed description of non-limiting embodiments thereof, made with reference to the accompanying drawings in which:
FIG. 1 illustrates a flowchart of an application page pull-up refresh method provided in accordance with an aspect of the present application;
FIG. 2 illustrates a flow diagram of application page pull-up refresh performance optimization according to an embodiment of the present application;
FIG. 3 is a block diagram of an apparatus for application page pull-up refresh according to an aspect of the present application.
Detailed Description
The present application is described in further detail below with reference to the attached figures.
In a typical configuration of the present application, the terminal, the device serving the network, and the trusted party each include one or more processors (e.g., Central Processing Units (CPUs)), input/output interfaces, network interfaces, and memory.
The Memory may include volatile Memory in a computer readable medium, Random Access Memory (RAM), and/or nonvolatile Memory such as Read Only Memory (ROM) or flash Memory (flash RAM). Memory is an example of a computer-readable medium.
Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, Phase-Change RAM (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 Disc (DVD) or other optical storage, magnetic cassette tape, magnetic tape storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, computer readable media does not include non-transitory computer readable media (transient media), such as modulated data signals and carrier waves.
The present embodiment provides a method for application page pull-up refresh, which can be used for application page refresh, fig. 1 is a flowchart of a method for application page pull-up refresh according to an embodiment of the present application, and as shown in fig. 1, the method includes: step S11 to step S14, wherein,
step S11, monitoring the sliding operation of the user to the content list on the application program page, and obtaining the rolling height of the content list; here, an application program (APP) on the mobile terminal provides social applications, news information and the like for a user, different content lists are displayed on pages of each APP according to functions, the user can perform sliding operation, when the user performs sliding operation on a content list on one APP, the sliding operation is, for example, a scroll bar of a pull-up list or a pull-down scroll bar, and the user behavior is monitored to obtain the scroll height of the content list on the current page. The scrolling height of the content list is a downslide distance of the list, that is, a downslide distance of a page during a sliding operation of a user, and when the page is refreshed, a sliding distance of the sliding operation of the user needs to be obtained first.
Step S12, reading the stored visual height and actual height of the content list from the system memory; here, the system memory is a system memory of a mobile terminal where an application program (APP) is located, the system memory stores some relevant information about the APP, such as some height information of a page content list of the APP, and the stored visual height and actual height can be read from the system memory. The content list elements on the page of the application program and the visual height and the actual height of the content list can be acquired, and the visual height and the actual height are stored in a system memory, namely, the corresponding content list elements in the page of the application program can be acquired according to a web application program interface (web API), and the corresponding visual height and the actual height are acquired, so that a data source is provided for judging the page loading trigger variable; the content list element is a list element determined by the function of the application program, for example, if the APP is a shopping category, the content list element is a commodity list element. In the existing page pull-up refreshing scheme, two parameters, namely the visual height and the actual height, need to be acquired every time of refreshing request, the number of times of requesting interfaces is large, and the interface is stored after being acquired only once in the method, so that the number of times of repeatedly requesting the interfaces is reduced.
Step S13, setting a page loading trigger variable and a bottoming judgment variable; the page loading trigger variable is used for loading next page data when the height from the bottom of a screen where an application program is located is specified, and a result variable obtained after parameters of heights corresponding to some page lists are compared in specific practical application, such as A + B > C, and a comparison result is given to the page loading trigger variable; the bottoming judgment variable is used for indicating whether the user triggers the screen to be bottomed or not, and is set according to a specific page.
Step S14, based on the rolling height, the visual height, the actual height, the page loading trigger variable and the touchdown judgment variable, sending a page loading refresh request to the network, and updating the loaded refreshed data into a content list; when the variable meets the judgment condition, the page data can be requested to be refreshed and updated into the content list. In the method, the rolling height of the content list is acquired by monitoring the sliding operation of a user, the judgment of the page loading trigger variable and the bottoming judgment variable is carried out by combining the visual height and the actual height of the list, when the judgment condition is met, asynchronous data acquisition is carried out at a certain distance above the bottom of a commodity list container and loaded on a page, the problem of data interface request at the position of a bottom trigger event is prevented by combining the control of the variable, the user cannot feel the trace of data request or page jamming loading, and the page refreshing efficiency is optimized.
In an embodiment of the present application, in step S11, a scroll height of the content list on the application page is obtained according to a sliding operation of a monitoring user on the content list on the application page, where for obtaining the scroll height, a scroll event needs to be set first, the scroll event is bound with the sliding operation of the user on the content list on the application page, and when each pixel frame is slid, the scroll event is triggered to monitor the sliding operation. Here, the listening event for realizing the listening is what happens during the listening of the user's hand pressing down the screen, sliding up and then releasing the screen, i.e., what the program needs to do. Such as: the user slides a distance which is exactly how much, and to get exactly this distance, the method will perform a scroll event every time 1px pixels are slid, satisfying the condition to the bottom triggers requesting more data, then loading onto the page, and if not, certainly not reaching the bottom, then sliding next. The scroll height represents the number of pixels magnitude of the scroll bar of the content list from the top of the screen on which the application is located, i.e., the slide down page distance. The displayed content on the mobile phone container can be viewed only by scrolling, for example, knowing that the physical height of a screen of the displayed content on the mobile phone container, such as all electronic commerce pages, applet pages, APP home pages and the like, is sure that the content which the merchant wants to display to the user cannot be displayed, only the page is slid downwards, and the sliding distance is the scrolling height. Wherein the scroll event is to obtain the scroll height through e.target.scrolltop, which represents px (pixel) of the scroll bar from the top. Here, the scrollTop value of an element is a measure of the distance from the top of the content of the element (rolled up) to the top of the content visible in its viewport, and when the content of an element does not produce a vertically oriented scroll bar, then its scrollTop value is 0. The scrollTop is also an attribute belonging to the Web Api, and is 0 when all APP home pages and applet portal home pages are just loaded, that is, how much distance from the top of the mobile terminal container is. When the user performs sliding operation each time, the operation steps are as follows: press → slide → release, during which N + + computations are triggered, i.e. the height of the slide, i.e. the height from the top of the screen, i.e. the value taken by the scrollTop, is taken in real time.
In an embodiment of the present application, in step S12, first, a content list element on an application page and a visual height and an actual height of the content list are obtained and stored in a system memory, so as to facilitate direct reading of stored data, where the visual height (offsetHeight) is an area that can be seen by a screen of a mobile terminal (such as a mobile phone), that is, a physical height of the mobile phone, and is obtained through an offsetHeight attribute of a DOM (container of an HTM) to represent a height at which the area is fixed, and may also be obtained through getbackclientrect () that is used to obtain the height because the former may cause a browser to reflow, causing some performance problems; here, getbackingclientrect () represents the size and position of the return element relative to the visible region, an instance of the list is obtained. Such as: there will be a lot of modules on an electricity merchant APP home page, have top navigation bar, float and play the layer, sales promotion commodity list, suspension advertisement etc. for the loading speed that improves cell-phone APP content, often commodity list only can load the commodity that is greater than the physical height of cell-phone, generally be exactly 10 commodity, unnecessary can not load, because the loading process can the loss performance. Then, when the user slides the list to the bottom, the program needs to load more items for display, and getbackingclientrect () is the position and size of the element for obtaining any module (such as floating bullet layer, item list, floating advertisement, etc.) in the APP's top page. The actual height (scrollHeight) is the height of the APP page showing all contents superimposed together, i.e. the height of all contents in the representation area, obtained by scrollHeight of the container (DOM). The DOM is a medium for presenting all web pages to a user, each page has many elements, in order to accurately obtain different attributes of a specific module, page content needs to be stored through the DOM, that is, the page content is placed on the DOM, for example, the display of goods, the display of hot news, the popping layer of advertisements, microblog content, praise and the like are all placed on the DOM, the page can support and analyze HTML, the DOM is equivalent to an HTML web page, and the HTML can be compiled and compressed into a network code for transmission when network transmission is performed. The actual height is obtained by first taking a module (for example, a commodity module on an application program) to obtain the actual height according to the WEB specific API (scrollHeight). Firstly, determining an HTML (document object model) container (DOM) corresponding to an application program page, acquiring a display module on the application program page according to the relevant attribute of the HTML container, and acquiring the content list element, the visual height and the actual height from the display module.
In an embodiment of the present application, in step S13, the page loading trigger variable is obtained through a comparison result of the sum of the visible height, the sliding distance, and the designated height when the page loading is triggered is set, and the bottoming judgment variable is used to indicate whether the user has reached the bottom, and a default value false is initially given to indicate that the user has not reached the bottom.
Further, in step S14, a page-loading refresh request is sent to the network based on the scrolling height, the visual height, the actual height, the page-loading trigger variable, and the touchdown determination variable, that is, after the value of the page-loading trigger variable reaches the specified height, the sum of the scrolling height, the visual height, and the specified height is compared with the actual height to obtain a first comparison result; when the first comparison result is that the sum of the rolling height, the visual height and the designated height is smaller than the actual height, continuing to monitor the sliding operation of the user; and when the first comparison result is that the sum of the rolling height, the visual height and the designated height is greater than or equal to the actual height, judging whether the touchdown judgment variable represents that the touchdown is over, if so, setting the touchdown judgment variable to be an opposite value, otherwise, setting the touchdown judgment variable to be the same value, and sending a page loading refreshing request to a network. It can be understood that: loading the next page data when adding a variable to specify how much height from the bottom to the program is equivalent to triggering when the sliding page is as fast as the bottom, wherein the specified height is a variable value, for example, 100px has a visual height of 3-5 cm when the package is 100 pixels in the embodiment of the present application, and the package of the method gives a default value and is applicable to all pages. If it is not desired to load data from the bottom, this variable may be set to 300, 400, 500, etc., but with a precondition that the physical height of the current handset cannot be exceeded; this value can be changed dynamically depending on the actual situation of the page, i.e. the introduction of the support attribute or parameter. Meanwhile, taking the distance bottom 100px as an example, the user slides downwards all the time, and then the 100px is in a decreasing state until 0px, which is less than 100px, indicates that the bottom has been touched, and the process ends directly without making any request data after the bottom is touched. When the user slides from 100px to 90px, the touch-down variable is set to "yes" to indicate that the user has slid to the bottom, and then the user slides upwards from 90px away from the bottom by 30px, that is, 120px away from the bottom by 90+30, at this time, the touch-down condition is not satisfied, and the touch-down variable at this time is that the user has touched down, so a reverse setting is added: and setting the bottoming variable as 'no', wherein the judgment condition is as follows: when the sum of the visual height, the rolling distance and the designated height is smaller than the actual height, and the operation of requesting data once has been triggered, the touch down variable needs to be set to "no" and reset to the initial state, which indicates that the user slides upwards. Compared with the existing trigger mechanism, the trigger mechanism is triggered only by sliding to the bottom, and multiple triggers caused by sliding to the specified height of the bottom are avoided. According to the method and the device, data refreshing is achieved in advance through judgment of refreshing conditions, and then page data are asynchronously obtained and loaded on the display page, so that the user can have a smoother appearance and cannot perceive the trace of unsmooth loading. The data acquisition speed is accelerated, and the method is suitable for acquiring page data of various application programs.
In an embodiment of the present application, as shown in fig. 2, the method for pull-up load optimization includes: the method comprises the steps of obtaining a distance bottom height, a visual height, a rolling distance, a specified height, a touchdown variable and an actual height by utilizing JavaScript, wherein the actual height and the visual height are fixed values and do not need to be obtained repeatedly; monitoring the manual gliding action, judging whether the data slide to the bottom or not, and triggering the judgment of the bottom-touching condition of bottom refreshing data when the data slide to a specified height; and comparing the visual height + the sliding distance + the designated height with the actual height, inquiring the truth of the bottoming variable value, and continuing sliding if the visual height + the sliding distance + the designated height is smaller than the actual height. If the visible height, the sliding distance and the designated height are greater than the actual height, judging whether the bottom is touched, changing the value of a bottom touching variable, if the bottom is touched, the bottom touching variable is true, meeting the condition that the visible height, the sliding distance, the designated height are less than the actual height and the bottom is touched, changing the bottom touching variable into false, and finishing the loading; and if the visible height, the sliding distance and the designated height are greater than the actual height and no bottoming exists, setting a bottoming variable to be true, requesting the network to load the next page of data, updating the data to be displayed in a list, refreshing the APP page, and finishing the loading.
In addition, the embodiment of the present application also provides a computer readable medium, on which computer readable instructions are stored, the computer readable instructions being executable by a processor to implement the aforementioned method for refreshing the application page pull-up.
Corresponding to the method described above, the present application also provides a terminal, which includes modules or units capable of executing the method steps described in fig. 1, fig. 2, fig. 3 or various embodiments, and these modules or units may be implemented by hardware, software or a combination of hardware and software, and the present application is not limited thereto.
For example, in an embodiment of the present application, there is also provided an apparatus for application page pull-up refresh, where the apparatus includes:
one or more processors; and
a memory storing computer readable instructions that, when executed, cause the processor to perform the operations of the method as previously described.
For example, computer readable instructions, when executed, use the one or more processors to:
monitoring the sliding operation of a user on a content list on an application program page, and acquiring the rolling height of the content list;
reading the stored visual height and actual height of the content list from a system memory;
setting a page loading trigger variable and a bottoming judgment variable;
and sending a page loading refreshing request to a network based on the rolling height, the visual height, the actual height, the page loading trigger variable and the touchdown judgment variable, and updating the loaded refreshed data into a content list.
Fig. 3 is a schematic structural diagram illustrating an apparatus for application page pull-up refresh according to still another aspect of the present application, where the apparatus includes: the device comprises a monitoring device 11, a reading device 12, a setting device 13 and a refreshing device 14, wherein the monitoring device 11 is used for monitoring the sliding operation of a user on a content list on an application page and acquiring the rolling height of the content list; the reading device 12 is used for reading the stored visual height and actual height of the content list from the system memory; the setting device 13 is used for setting a page loading trigger variable and a bottoming judgment variable; the refreshing device 14 is configured to send a page-loading refresh request to the network based on the scrolling height, the visual height, the actual height, and the page-loading trigger variable and the touchdown determination variable, and update the loaded refreshed data into the content list.
It should be noted that the contents executed by the monitoring device 11, the reading device 12, the setting device 13 and the refreshing device 14 are the same as or corresponding to the contents executed in the above steps S11, S12, S13 and S14, and for brevity, are not described again here.
It should be noted that the method described in the present application is performed by a device, and the device includes a mobile terminal device. The mobile terminal device includes a device capable of establishing a network connection with the device, for example, including but not limited to any mobile terminal, such as a computer, a smartphone, a tablet computer, and the like, and the mobile electronic product may employ any operating system, such as an android operating system, an iOS operating system, and the like.
The device is a mobile terminal device, and other existing or future devices, such as those that may be present, are also included in the scope of the present application, and are hereby incorporated by reference.
It will be apparent to those skilled in the art that various changes and modifications may be made in the present application without departing from the spirit and scope of the application. Thus, if such modifications and variations of the present application fall within the scope of the claims of the present application and their equivalents, the present application is intended to include such modifications and variations as well.
It should be noted that the present application may be implemented in software and/or a combination of software and hardware, for example, implemented using Application Specific Integrated Circuits (ASICs), general purpose computers or any other similar hardware devices. In one embodiment, the software programs of the present application may be executed by a processor to implement the steps or functions described above. Likewise, the software programs (including associated data structures) of the present application may be stored in a computer readable recording medium, such as RAM memory, magnetic or optical drive or diskette and the like. Additionally, some of the steps or functions of the present application may be implemented in hardware, for example, as circuitry that cooperates with the processor to perform various steps or functions.
In addition, some of the present application may be implemented as a computer program product, such as computer program instructions, which when executed by a computer, may invoke or provide methods and/or techniques in accordance with the present application through the operation of the computer. Program instructions which invoke the methods of the present application may be stored on a fixed or removable recording medium and/or transmitted via a data stream on a broadcast or other signal-bearing medium and/or stored within a working memory of a computer device operating in accordance with the program instructions. An embodiment according to the present application comprises an apparatus comprising a memory for storing computer program instructions and a processor for executing the program instructions, wherein the computer program instructions, when executed by the processor, trigger the apparatus to perform a method and/or a solution according to the aforementioned embodiments of the present application.
It will be evident to those skilled in the art that the present application is not limited to the details of the foregoing illustrative embodiments, and that the present application may be embodied in other specific forms without departing from the spirit or essential attributes thereof. The present embodiments are therefore to be considered in all respects as illustrative and not restrictive, the scope of the application being indicated by the appended claims rather than by the foregoing description, and all changes which come within the meaning and range of equivalency of the claims are therefore intended to be embraced therein. Any reference sign in a claim should not be construed as limiting the claim concerned. Furthermore, it is obvious that the word "comprising" does not exclude other elements or steps, and the singular does not exclude the plural. A plurality of units or means recited in the apparatus claims may also be implemented by one unit or means in software or hardware. The terms first, second, etc. are used to denote names, but not any particular order.
Claims (11)
1. A method for application page pull refresh, wherein the method comprises:
monitoring the sliding operation of a user on a content list on an application program page, and acquiring the rolling height of the content list;
reading the stored visual height and actual height of the content list from a system memory;
setting a page loading trigger variable and a bottoming judgment variable;
and sending a page loading refreshing request to a network based on the rolling height, the visual height, the actual height, the page loading trigger variable and the touchdown judgment variable, and updating the loaded refreshed data into a content list.
2. The method of claim 1, wherein intercepting the sliding operation of the user on the content list on the application page comprises:
setting a rolling event, binding the rolling event with the sliding operation of a user on a content list on an application program page, and triggering the rolling event to monitor the sliding operation when each pixel frame is slid.
3. The method of claim 1, wherein obtaining the scrolling height of the content list comprises:
and acquiring the scroll height of the content list in the scroll event, wherein the scroll height represents the pixel number value of a scroll bar of the content list from the top of a screen where the application program is positioned.
4. The method of claim 1, wherein the stored visual height and actual height of the content list are read from a system memory, and wherein the method comprises:
the method comprises the steps of obtaining content list elements on an application program page and the visual height and the actual height of the content list, and storing the visual height and the actual height in a system memory.
5. The method of claim 4, wherein obtaining the content list elements on the application page and the visual height and the actual height of the content list comprises:
determining an HTML container corresponding to an application program page;
acquiring a display module on an application program page according to the related attributes of the HTML container;
the content list elements and the visual and actual heights are obtained from the presentation module.
6. The method of claim 1, wherein setting a page load trigger variable and a bottoming decision variable comprises:
setting a page loading trigger variable and a specified height when the page loading is triggered;
and setting a bottoming judgment variable corresponding to the sliding operation.
7. The method of claim 6, wherein sending a load page refresh request to a network based on the scroll height, the visual height, the actual height, and a page load trigger variable and a touchdown decision variable comprises:
when the numerical value of the page loading trigger variable reaches the specified height, comparing the sum of the rolling height, the visual height and the specified height with the actual height to obtain a first comparison result;
and sending a page loading refreshing request to a network according to the first comparison result and the bottoming judgment variable.
8. The method of claim 7, wherein sending a load page refresh request to a network based on the first comparison result and the bottoming decision variable comprises:
when the first comparison result is that the sum of the rolling height, the visual height and the designated height is smaller than the actual height, continuing to monitor the sliding operation of the user;
and when the first comparison result is that the sum of the rolling height, the visual height and the designated height is greater than or equal to the actual height, judging whether the touchdown judgment variable represents that the touchdown is over, if so, setting the touchdown judgment variable to be an opposite value, otherwise, setting the touchdown judgment variable to be the same value, and sending a page loading refreshing request to a network.
9. An apparatus for application page pull refresh, wherein the apparatus comprises:
the monitoring device is used for monitoring the sliding operation of a user on a content list on an application program page and acquiring the rolling height of the content list;
reading means for reading the stored visual height and actual height of the content list from a system memory;
the setting device is used for setting a page loading trigger variable and a bottoming judgment variable;
and the refreshing device is used for sending a page loading refreshing request to the network based on the rolling height, the visual height, the actual height, the page loading trigger variable and the bottoming judgment variable and updating the loaded refreshed data into the content list.
10. A computer readable medium having computer readable instructions stored thereon which are executable by a processor to implement the method of any one of claims 1 to 8.
11. An apparatus for application page pull refresh, wherein the apparatus comprises:
one or more processors; and
a memory storing computer readable instructions that, when executed, cause the processor to perform the operations of the method of any of claims 1 to 8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110572178.3A CN113190321A (en) | 2021-05-25 | 2021-05-25 | Method and equipment for application program page pull-up refreshing |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110572178.3A CN113190321A (en) | 2021-05-25 | 2021-05-25 | Method and equipment for application program page pull-up refreshing |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113190321A true CN113190321A (en) | 2021-07-30 |
Family
ID=76984906
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110572178.3A Pending CN113190321A (en) | 2021-05-25 | 2021-05-25 | Method and equipment for application program page pull-up refreshing |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113190321A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113656020A (en) * | 2021-08-13 | 2021-11-16 | 小马国炬(玉溪)科技有限公司 | Reactnative-based picture display component development method and related components |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107273031A (en) * | 2017-06-23 | 2017-10-20 | 广州神马移动信息科技有限公司 | Information flow page loading method and device |
| CN107688572A (en) * | 2016-08-03 | 2018-02-13 | 腾讯科技（深圳）有限公司 | A kind of page display method and terminal |
| US20180101295A1 (en) * | 2016-10-11 | 2018-04-12 | Salesforce.Com, Inc. | System for displaying elements of a scrollable list |
| CN110955473A (en) * | 2018-09-26 | 2020-04-03 | 北京国双科技有限公司 | Method and device for displaying loading prompt information |
| CN111125575A (en) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | Webpage data processing method and device |
-
2021
- 2021-05-25 CN CN202110572178.3A patent/CN113190321A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107688572A (en) * | 2016-08-03 | 2018-02-13 | 腾讯科技（深圳）有限公司 | A kind of page display method and terminal |
| US20180101295A1 (en) * | 2016-10-11 | 2018-04-12 | Salesforce.Com, Inc. | System for displaying elements of a scrollable list |
| CN107273031A (en) * | 2017-06-23 | 2017-10-20 | 广州神马移动信息科技有限公司 | Information flow page loading method and device |
| CN110955473A (en) * | 2018-09-26 | 2020-04-03 | 北京国双科技有限公司 | Method and device for displaying loading prompt information |
| CN111125575A (en) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | Webpage data processing method and device |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113656020A (en) * | 2021-08-13 | 2021-11-16 | 小马国炬(玉溪)科技有限公司 | Reactnative-based picture display component development method and related components |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR102278657B1 (en) | Automatically determining a size for a content item for a web page | |
| US20200396327A1 (en) | Display controlling method, terminal, information processing apparatus, and storage medium | |
| CN106570098B (en) | Page refreshing method and device | |
| US10339209B2 (en) | Webpage display method and device | |
| CN110968824B (en) | Page data processing method and device | |
| US20120297324A1 (en) | Navigation Control Availability | |
| US9870578B2 (en) | Scrolling interstitial advertisements | |
| CN105528408A (en) | Page display method and apparatus | |
| US20170032494A1 (en) | Methods for displaying a webpage fragment on a desktop and systems for taking a snapshot of webpage fragment for displaying on a desktop | |
| CN107526592B (en) | Page adaptation method and device | |
| CN113467871A (en) | H5 page display method, device, equipment and storage medium | |
| CN110647272A (en) | Display control method and device | |
| CN112667330A (en) | Page display method and computer equipment | |
| CN113672323A (en) | Page display method and device | |
| CN107391534B (en) | Page display method, page file return method, page display device, page file return device and computer storage medium | |
| CN111898050A (en) | Method and system for automatically loading next news | |
| CN113434138B (en) | Information display method and device and electronic equipment | |
| CN108021662A (en) | A kind of Web page picture display methods of mobile terminal | |
| CN111274308A (en) | Node relation graph display method, device and equipment | |
| CN110866202A (en) | Front-end paging method and device and readable storage medium | |
| CN109948084B (en) | Webpage information display method, device, medium and computing equipment | |
| CN113190321A (en) | Method and equipment for application program page pull-up refreshing | |
| CN104008211A (en) | Advertisement intercepting method and device | |
| CN111125575A (en) | Webpage data processing method and device | |
| US20200219148A1 (en) | Systems and methods for view-based advertisement selection |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |