WO2021017287A1 - 页面滑动方法、装置、电子设备及计算机可读存储介质 - Google Patents

页面滑动方法、装置、电子设备及计算机可读存储介质 Download PDF

Info

Publication number
WO2021017287A1
WO2021017287A1 PCT/CN2019/117683 CN2019117683W WO2021017287A1 WO 2021017287 A1 WO2021017287 A1 WO 2021017287A1 CN 2019117683 W CN2019117683 W CN 2019117683W WO 2021017287 A1 WO2021017287 A1 WO 2021017287A1
Authority
WO
WIPO (PCT)
Prior art keywords
sliding
screen
point
html5 page
page
Prior art date
Application number
PCT/CN2019/117683
Other languages
English (en)
French (fr)
Inventor
李清鹏
Original Assignee
平安科技（深圳）有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 平安科技（深圳）有限公司 filed Critical 平安科技（深圳）有限公司
Publication of WO2021017287A1 publication Critical patent/WO2021017287A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/80—Information retrieval; Database structures therefor; File system structures therefor of semi-structured data, e.g. markup language structured data such as SGML, XML or HTML
    • G06F16/83—Querying
    • G06F16/838—Presentation of query results
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials

Definitions

  • This application relates to the field of page display technology, and in particular to page-based sliding methods, devices, electronic equipment, and computer-readable storage media.
  • HTML HyperText Markup Language
  • HTML HyperText Markup Language
  • the top prompt of the page source will appear at the top of the HTML5 page displayed on the mobile terminal.
  • the mobile terminal controls the up and down of the HTML5 page by invoking the event response included in the default event response of the native browser in the mobile terminal to make the page slide up and down. slide.
  • the top prompt of the page source that appears at the top of the HTML5 page will cause a bad user experience.
  • the mobile terminal can By prohibiting the default event response in the native browser, the top prompt of the page source that appears at the top of the HTML5 page is prohibited, but this will also disable the function of controlling the HTML5 page to slide up and down.
  • the inventor of the present application realizes that when displaying HTML5 pages through instant messaging applications, the effect of sliding the HTML5 page up and down is generally achieved by retaining the top prompt of the page source appearing at the top of the HTML5 page, and thus cannot be achieved. While prohibiting the top prompt of the page source that appears at the top of the HTML5 page, it can also make the HTML5 page slide up and down.
  • this application provides a page sliding method, device, and electronic Device and computer readable storage medium.
  • a page sliding method including:
  • a sliding gesture signal of a sliding gesture sliding on the screen is acquired, where the sliding gesture signal includes the contact with the screen when the sliding gesture starts to slide on the screen.
  • the ordinate of the sliding gesture contacted with the screen when sliding on the screen, the time of contact with the screen when the sliding gesture starts sliding on the screen, and the sliding gesture on the screen The ordinate of the contact with the screen when the sliding is stopped and the time of contact with the screen when the sliding gesture stops sliding on the screen, determine the average speed of the sliding gesture when sliding on the screen;
  • the maximum sliding duration of each point of the HTML5 page when sliding determines The ordinate corresponding to each point of the HTML5 page at different sliding durations during the sliding process
  • the HTML5 page is controlled to slide on the screen based on the ordinate corresponding to each point of the HTML5 page at different sliding durations during the sliding process.
  • a page sliding device including:
  • the first acquiring unit is configured to acquire a sliding gesture signal of a sliding gesture sliding on the screen when a hypertext markup language HTML5 page is displayed through an instant messaging application, wherein the sliding gesture signal includes the sliding gesture on the screen The vertical coordinate of the contact with the screen when the sliding starts, the time of contact with the screen when the sliding gesture starts to slide on the screen, the vertical coordinate of the contact with the screen when the sliding gesture stops sliding on the screen, and the sliding gesture The time in contact with the screen when you stop sliding on the screen;
  • the first execution unit is configured to contact the screen according to the ordinate of the sliding gesture on the screen when the sliding gesture starts to slide on the screen, the time of contact with the screen when the sliding gesture starts to slide on the screen, and Determining the average speed of the sliding gesture when the sliding gesture is in contact with the screen when the sliding gesture stops sliding on the screen and the time when the sliding gesture is in contact with the screen when the sliding gesture stops sliding on the screen;
  • the second execution unit is configured to determine the maximum sliding duration of each point of the HTML5 page when sliding and the ordinate of each point of the HTML5 page based on the average speed and the preset acceleration for deceleration The maximum sliding distance during sliding;
  • the third execution unit is configured to determine the maximum sliding duration of each point of the HTML5 page during sliding, the maximum sliding distance of each point of the HTML5 page during sliding, and each of the HTML5 pages.
  • the current ordinate of the point determines the ordinate corresponding to each point of the HTML5 page at different sliding durations during the sliding process;
  • the sliding unit is configured to control the HTML5 page to slide on the screen based on the ordinate corresponding to each point of the HTML5 page during different sliding durations during the sliding process.
  • an electronic device including: a processor; and a memory, configured to store a page sliding program of the processor; wherein the processor is configured to execute the first aspect or the first aspect of this application Any possible implementation method.
  • a computer-readable storage medium is provided, and a page sliding program is stored thereon.
  • the page sliding program is executed by a processor, the implementation is as in the first aspect or any possible implementation manner of the first aspect of this application Methods.
  • a computer program product includes a non-transitory computer-readable storage medium storing a computer program, and the computer program is operable to cause a computer to execute as described in the first aspect of this application. Or any possible implementation of the first aspect.
  • Fig. 1 is a flowchart of a page sliding method shown in an exemplary embodiment of the present application.
  • Fig. 2 is a flowchart of a page sliding method shown in another exemplary embodiment of the present application.
  • Fig. 3 is a flowchart of a page sliding method shown in another exemplary embodiment of the present application.
  • Fig. 4 is a block diagram of a page sliding device shown in an exemplary embodiment of the present application.
  • Fig. 5 is an exemplary block diagram of an electronic device for implementing the page sliding method described above according to an exemplary embodiment of the present application.
  • Fig. 6 is a computer-readable storage medium for implementing the page sliding method described above according to an exemplary embodiment of the present application.
  • FIG. 1 shows a flowchart of a page sliding method according to an exemplary embodiment of the present application.
  • the execution subject of the page sliding method in this embodiment is a terminal device, and the terminal device may be a smart phone or a tablet computer.
  • the page sliding method shown in FIG. 1 may include the following steps S110 to S150, which are described in detail as follows:
  • step S110 when the HTML5 page of the hypertext markup language is displayed through the instant messaging application, a sliding gesture signal of a sliding gesture sliding on the screen is acquired, wherein the sliding gesture signal includes the same as when the sliding gesture starts sliding on the screen.
  • the ordinate of the contact with the screen, the time of contact with the screen when the sliding gesture starts to slide on the screen, the ordinate of the contact with the screen when the sliding gesture stops on the screen, and the ordinate of the contact with the screen when the sliding gesture stops on the screen The time in contact with the screen when sliding;
  • Step S120 According to the ordinate of the sliding gesture in the sliding gesture signal when the sliding gesture starts to slide on the screen, the contact time with the screen when the sliding gesture starts sliding on the screen, and the sliding gesture The ordinate of the contact with the screen when the sliding on the screen stops and the time in contact with the screen when the sliding gesture stops sliding on the screen, determine the average speed of the sliding gesture when sliding on the screen;
  • Step S130 Determine the maximum sliding duration of each point of the HTML5 page during sliding and the vertical coordinate of each point of the HTML5 page during sliding based on the average speed and the preset acceleration for deceleration. Maximum sliding distance;
  • Step S140 according to the maximum sliding duration of each point of the HTML5 page during sliding, the maximum sliding distance of each point of the HTML5 page during sliding, and the current vertical of each point of the HTML5 page Coordinates, which determine the ordinate corresponding to each point of the HTML5 page at different sliding durations during the sliding process;
  • Step S150 controlling the HTML5 page to slide on the screen based on the ordinate corresponding to each point of the HTML5 page during different sliding durations during the sliding process.
  • the HTML5 page refers to a webpage made by the fifth-generation HyperText Markup Language (HTML HyperText Markup Language), and the HTML5 page can be displayed in an instant messaging application for users to browse the content of the webpage.
  • HTML HyperText Markup Language HTML HyperText Markup Language
  • the swipe gesture refers to a mobile gesture that the user initiates to the terminal device to slide the page when the hypertext markup language HTML5 page is displayed through an instant messaging application.
  • the terminal device When a sliding gesture slides on the screen, the terminal device generates a preset sliding gesture signal according to the trajectory of the sliding gesture on the screen, and the terminal device triggers a sliding operation on the HTML5 page according to the generated sliding gesture signal.
  • the terminal device when the terminal device generates a preset sliding gesture signal based on the trajectory of the sliding gesture on the screen, it needs to record the vertical coordinate of the contact with the screen when the sliding gesture starts to slide on the screen, and the sliding gesture starts on the screen.
  • the time of contact with the screen during sliding the ordinate of the contact with the screen when the sliding gesture stops sliding on the screen, and the time of contact with the screen when the sliding gesture stops sliding on the screen, thereby generating the aforementioned sliding gesture signal.
  • the above-mentioned ordinate refers to the coordinates on the ordinate, where the ordinate refers to the coordinate axis parallel to the vertical direction of the displayed HTML5 page when the application of the terminal device is displaying the HTML5 page.
  • the terminal device determines the sliding distance difference of the sliding gesture on the screen according to the vertical coordinate of the touch when the sliding gesture starts on the screen and the vertical coordinate of the touch when the sliding gesture stops sliding on the screen; and according to the sliding gesture The time of contact with the screen when starting to slide on the screen and the time of contact with the screen when the sliding gesture stops sliding on the screen, determine the sliding time difference of the sliding gesture on the screen.
  • the terminal device divides the determined sliding distance difference of the sliding gesture on the screen by the determined sliding time difference of the sliding gesture on the screen to determine the average speed when the sliding gesture slides on the screen.
  • step S130 when the terminal device controls the HTML5 page to slide based on the determined average speed of the sliding gesture when sliding on the screen, it needs to first determine the maximum sliding duration for each point in the HTML5 page and the HTML5 page when sliding.
  • the maximum sliding distance of the ordinate of each point during sliding which is convenient for determining the sliding track of each point in the HTML5 page.
  • the maximum sliding duration and maximum sliding distance of each point in the HTML5 page when sliding it can be determined based on the preset acceleration for deceleration and the average speed of the sliding gesture when sliding on the screen.
  • the above-mentioned preset acceleration is pre-configured to make each point in the HTML5 page slide with a reasonable sliding track, so that each point in the HTML5 page does not slide too fast or too much when sliding. slow.
  • the maximum sliding duration of each point of the HTML5 page when sliding and the vertical coordinate of each point of the HTML5 page are determined based on the average speed and the preset acceleration for deceleration.
  • the step S130 of the maximum sliding distance during sliding includes:
  • V is the average speed of the sliding gesture on the screen determined by the terminal device
  • a is the acceleration preset by the terminal device for deceleration
  • T is the maximum sliding duration of each point of the HTML5 page during sliding
  • L is the maximum sliding distance of the ordinate of each point of the HTML5 page when sliding.
  • step S140 after determining the maximum sliding duration of each point of the HTML5 page during sliding and the maximum sliding distance of the vertical coordinate of each point of the HTML5 page during sliding, to further determine each point of the HTML5 page For the sliding track at each moment from the start of the sliding to the stop of the sliding, the terminal device also needs to determine the ordinate corresponding to the position of each point of the HTML5 page at each moment in the sliding process.
  • the terminal device specifically determines the HTML5 page according to the maximum sliding duration of each point of the HTML5 page when sliding, the maximum sliding distance of the vertical coordinate of each point of the HTML5 page when sliding, and the current vertical coordinate of each point of the HTML5 page. The ordinate corresponding to each point in the sliding process for different sliding durations.
  • the step S140 of determining the corresponding ordinate of each point of the HTML5 page for different sliding durations during the sliding process includes:
  • T is the maximum sliding duration of each point of the HTML5 page determined by the terminal device during sliding
  • C is the maximum sliding distance of each point of the HTML5 page determined by the terminal device during sliding
  • B is HTML5
  • t is the sliding duration of each point of the HTML5 page
  • L is the ordinate corresponding to the different sliding duration t of each point of the HTML5 page during the sliding process.
  • step S150 the terminal device controls the HTML5 page to slide on the screen based on the ordinates corresponding to each point of the HTML5 page during different sliding durations during the sliding process, thereby achieving the effect of controlling the HTML5 page to slide.
  • the terminal device displays the Hypertext Markup Language HTML5 page through the instant messaging application
  • it can obtain the sliding gesture signal of the sliding gesture on the screen, and start on the screen according to the sliding gesture in the sliding gesture signal
  • the vertical coordinate of the contact with the screen when sliding the time of contact with the screen when the sliding gesture starts to slide on the screen
  • the vertical coordinate of the contact with the screen when the sliding gesture stops sliding on the screen the vertical coordinate when the sliding gesture stops sliding on the screen.
  • the time that the screen is in contact determine the average speed of the sliding gesture when sliding on the screen; and determine the maximum sliding duration of each point of the HTML5 page when sliding and the HTML5 page based on the above average speed and the preset acceleration for deceleration
  • the maximum sliding distance of the vertical coordinate of each point during sliding so as to determine the position of each point of the HTML5 page when the sliding stops and the maximum sliding duration during sliding, and then realize the sliding time according to each point of the HTML5 page
  • the maximum sliding duration of the HTML5 page, the maximum sliding distance of the vertical coordinate of each point of the HTML5 page during sliding, and the current vertical coordinate of each point of the HTML5 page determine the different sliding duration of each point of the HTML5 page during the sliding process
  • the corresponding vertical coordinate is used to determine the trajectory of each point of the HTML5 page when sliding, and realize the control of the HTML5 page sliding on the screen based on the trajectory of each point of the HTML5 page when sliding, thereby solving the problem of using instant messaging When an application displays an HTML5 page, it cannot achieve the problem of
  • FIG. 2 is a flow chart of a page sliding method shown in another exemplary embodiment of the present application.
  • the method is determined based on the average speed and the preset acceleration for deceleration.
  • step S130 of the maximum sliding duration of each point of the HTML5 page during sliding and the maximum sliding distance of each point of the HTML5 page during sliding the following steps may be further included:
  • Step S121 In response to a selection request for selecting a sliding speed level input by the user, according to the sliding speed level in the selection request and the corresponding relationship between the sliding speed level and the acceleration used for deceleration, determine the Acceleration.
  • the terminal device may pre-configure the corresponding relationship between the sliding speed level and multiple different magnitudes of acceleration used for deceleration.
  • the above selection request refers to a request for selecting the sliding speed level.
  • the request can be triggered by a user operating a virtual control provided in an instant messaging application, for example, when the user clicks on the sliding speed level of an HTML5 webpage in an instant messaging application Triggered by the virtual function button, the user can customize the sliding speed level when selecting the HTML5 webpage for sliding, so that the user can adjust the sliding speed of the HTML5 webpage according to requirements, and improve the user's browsing experience.
  • FIG. 3 is a flowchart of a page sliding method shown in another exemplary embodiment of the present application.
  • the acquisition Before step S110 of the sliding gesture signal of sliding on the screen the sliding gesture may further include the following steps:
  • Step S108 in response to a display request for displaying an HTML5 page through an instant messaging application, obtain page data corresponding to the HTML5 page.
  • step S108 when the hypertext markup language HTML5 page is displayed through the instant messaging application, a display request for displaying the HTML5 page needs to be triggered in the instant messaging application.
  • the display request may be provided by the user operating the instant messaging application.
  • the terminal device Triggered by a virtual control, for example, triggered by a user clicking on an HTML5 webpage link in an instant messaging application, the terminal device responds to a display request for displaying an HTML5 page through the instant messaging application, and obtains page data corresponding to the HTML5 page.
  • the terminal device The page data corresponding to the HTML5 page can be pulled from the website server or database server containing the HTML5 page data according to the HTML5 page link information.
  • Step S109 Display page data corresponding to the HTML5 page through the instant messaging application.
  • step S109 the terminal device displays the HTML5 page on the page data corresponding to the obtained HTML5 page, so that the user previews the content in the HTML5 page.
  • FIG. 4 is a page sliding device shown in an exemplary embodiment of the present application.
  • the page sliding device may be integrated in the above-mentioned electronic device, and may specifically include a first acquiring unit 210 and a first executing unit 220. , The second execution unit 230, the third execution unit 240, and the sliding unit 250.
  • the first obtaining unit 210 is configured to obtain a sliding gesture signal of a sliding gesture on the screen when the hypertext markup language HTML5 page is displayed through an instant messaging application, wherein the sliding gesture signal includes the sliding gesture on the screen.
  • the vertical coordinate of the contact with the screen when the sliding is started, the time of contact with the screen when the sliding gesture starts to slide on the screen, the vertical coordinate of the contact with the screen when the sliding gesture stops sliding on the screen, and the sliding The time the gesture is in contact with the screen when the gesture stops sliding on the screen.
  • the first execution unit 220 is configured to, according to the ordinate in the sliding gesture signal when the sliding gesture starts to slide on the screen, and the contact time with the screen when the sliding gesture starts to slide on the screen , The ordinate of the sliding gesture contacting the screen when the sliding gesture stops on the screen and the time of contacting the screen when the sliding gesture stops sliding on the screen determine the average speed of the sliding gesture when sliding on the screen.
  • the second execution unit 230 is configured to, according to the ordinate in the sliding gesture signal when the sliding gesture starts to slide on the screen, and the contact time with the screen when the sliding gesture starts to slide on the screen , The ordinate of the sliding gesture contacting the screen when the sliding gesture stops on the screen and the time of contacting the screen when the sliding gesture stops sliding on the screen determine the average speed of the sliding gesture when sliding on the screen.
  • the third execution unit 240 is configured to determine the maximum sliding duration of each point of the HTML5 page when sliding, the maximum sliding distance of each point of the HTML5 page when sliding, and the maximum sliding distance of each point of the HTML5 page.
  • the current ordinate of each point determines the ordinate corresponding to each point of the HTML5 page at different sliding durations during the sliding process;
  • the sliding unit 250 is configured to control the HTML5 page to slide on the screen based on the ordinate corresponding to each point of the HTML5 page during different sliding durations during the sliding process.
  • the third execution unit 240 is configured to:
  • T is the maximum sliding duration of each point of the HTML5 page during sliding
  • C is the maximum sliding distance of each point of the HTML5 page during sliding
  • B is each point of the HTML5 page
  • t is the sliding duration of each point of the HTML5 page
  • L is the ordinate corresponding to the different sliding duration t of each point of the HTML5 page in the sliding process.
  • the page sliding device further includes:
  • the fourth execution unit is configured to respond to a selection request for selecting the sliding speed level input by the user, and determine the use of the sliding speed according to the sliding speed level in the selection request and the corresponding relationship between the sliding speed level and the acceleration used for deceleration.
  • the acceleration for deceleration is configured to respond to a selection request for selecting the sliding speed level input by the user, and determine the use of the sliding speed according to the sliding speed level in the selection request and the corresponding relationship between the sliding speed level and the acceleration used for deceleration. The acceleration for deceleration.
  • the second execution unit 230 is configured to:
  • V is the average speed
  • a is the preset acceleration used for deceleration
  • T is the maximum sliding duration of each point of the HTML5 page when sliding
  • L is each point of the HTML5 page The maximum sliding distance of the point's ordinate during sliding.
  • the page sliding device further includes:
  • the second obtaining unit is configured to obtain page data corresponding to the HTML5 page in response to a display request for displaying an HTML5 page through an instant messaging application;
  • the display unit is configured to display page data corresponding to the HTML5 page through the instant messaging application.
  • modules or units of the device for action execution are mentioned in the above detailed description, this division is not mandatory.
  • the features and functions of two or more modules or units described above may be embodied in one module or unit.
  • the features and functions of a module or unit described above can be further divided into multiple modules or units to be embodied.
  • the exemplary embodiments described herein can be implemented by software, or can be implemented by combining software with necessary hardware. Therefore, the technical solution according to the embodiments of the present application can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (can be a CD-ROM, U disk, mobile hard disk, etc.) or on the network , Including several instructions to make a computing device (which may be a personal computer, a server, a mobile terminal, or a network device, etc.) execute the method according to the embodiment of the present disclosure.
  • a computing device which may be a personal computer, a server, a mobile terminal, or a network device, etc.
  • FIG. 5 shows an exemplary block diagram of an electronic device for implementing the above-mentioned page sliding method.
  • the electronic device 400 shown in FIG. 5 is only an example, and should not bring any limitation to the function and scope of use of the embodiments of the present application.
  • the electronic device 400 is represented in the form of a general-purpose computing device.
  • the components of the electronic device 400 may include, but are not limited to: the foregoing at least one processor 410, the foregoing at least one memory 420, and a bus 430 connecting different system components (including the memory 420 and the processor 410).
  • the memory stores program code
  • the program code can be executed by the processor 410, so that the processor 410 executes the various exemplary implementations described in the "exemplary method" section of this specification.
  • the processor 410 may perform step S110 as shown in FIG. 1: when displaying a hypertext markup language HTML5 page through an instant messaging application, acquiring a sliding gesture signal of a sliding gesture sliding on the screen, where all The sliding gesture signal includes the ordinate of contact with the screen when the sliding gesture starts to slide on the screen, the time of contact with the screen when the sliding gesture starts to slide on the screen, and when the sliding gesture stops sliding on the screen.
  • step S120 contact with the screen when the sliding gesture starts on the screen according to the sliding gesture signal The ordinate of the sliding gesture, the time of contact with the screen when the sliding gesture starts to slide on the screen, the ordinate of contact with the screen when the sliding gesture stops sliding on the screen, and the time when the sliding gesture stops sliding on the screen.
  • step S130 based on the average speed and the preset acceleration for deceleration, it is determined that each point of the HTML5 page is sliding
  • step S140 based on the average speed and the preset acceleration for deceleration, it is determined that each point of the HTML5 page is sliding
  • step S140 according to the maximum sliding duration of each point of the HTML5 page during sliding, each point of the HTML5 page
  • the maximum sliding distance of the ordinate of each point during sliding and the current ordinate of each point of the HTML5 page determine the ordinate corresponding to each point of the HTML5 page under different sliding durations during the sliding process
  • Step S150 controlling the HTML5 page to slide on the screen based on the ordinate corresponding to each point of the HTML5 page during different sliding durations during the sliding process.
  • the memory 420 may include a readable medium in the form of a volatile storage unit, such as a random access storage unit (RAM) 4201 and/or a cache storage unit 4202, and may also include a read-only storage unit (ROM) 4203.
  • RAM random access storage unit
  • ROM read-only storage unit
  • the memory 420 may also include a program/utility tool 4204 having a set (at least one) of program modules 4205.
  • program modules 4205 include but are not limited to: an operating system, one or more application programs, other program modules, and program data. Each of the examples or some combination may include the realization of a network environment.
  • the bus 430 may represent one or more of several types of bus structures, including a storage unit bus or a storage unit controller, a peripheral bus, a graphics acceleration port, a processing unit, or a local area using any bus structure among multiple bus structures. bus.
  • the electronic device 400 can also communicate with one or more external devices 600 (such as keyboards, pointing devices, Bluetooth devices, etc.), and can also communicate with one or more devices that enable a user to interact with the electronic device 400, and/or communicate with Any device (such as a router, modem, etc.) that enables the electronic device 400 to communicate with one or more other computing devices. Such communication may be performed through an input/output (I/O) interface 440.
  • the electronic device 400 may also communicate with one or more networks (for example, a local area network (LAN), a wide area network (WAN), and/or a public network, such as the Internet) through the network adapter 460.
  • networks for example, a local area network (LAN), a wide area network (WAN), and/or a public network, such as the Internet
  • the network adapter 460 communicates with other modules of the electronic device 400 through the bus 430. It should be understood that although not shown in the figure, other hardware and/or software modules can be used in conjunction with the electronic device 400, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives And data backup storage system, etc.
  • the exemplary embodiments described herein can be implemented by software, or can be implemented by combining software with necessary hardware. Therefore, the technical solution according to the embodiments of the present application can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (can be a CD-ROM, U disk, mobile hard disk, etc.) or on the network , Including several instructions to make a computing device (which may be a personal computer, server, terminal device, or network device, etc.) execute the method according to the embodiment of the present application.
  • a non-volatile storage medium can be a CD-ROM, U disk, mobile hard disk, etc.
  • Including several instructions to make a computing device which may be a personal computer, server, terminal device, or network device, etc.
  • a computer-readable storage medium is also provided, on which is stored a program product capable of implementing the foregoing method of this specification.
  • various aspects of the present application can also be implemented in the form of a program product, which includes program code.
  • the program product runs on a terminal device, the program code is used to enable the The terminal device executes the steps according to various exemplary embodiments of the present application described in the above-mentioned "Exemplary Method" section of this specification.
  • FIG. 6 is a computer-readable storage medium for implementing the page sliding method described above according to an exemplary embodiment of the present application.
  • FIG. 6 depicts a program product 500 for implementing the above-mentioned method according to an embodiment of the present application, which may adopt a portable compact disk read-only memory (CD-ROM) and include program code, and may be on an electronic device, such as a personal computer run.
  • CD-ROM portable compact disk read-only memory
  • the program product of this application is not limited to this.
  • the readable storage medium can be any tangible medium that contains or stores a program.
  • the program can be used by or in combination with an instruction execution system, device, or device.
  • the above-mentioned computer-readable storage medium may be a non-volatile readable storage medium, such as a non-volatile readable storage medium stored in a CD-ROM, U disk, or mobile hard disk device, and may include several instructions to make a computer
  • a device which may be a personal computer, a server, a terminal device, or a network device, etc. executes the method according to the embodiment of the present application.
  • the program product can use any combination of one or more readable media.
  • the readable medium may be a readable signal medium or a readable storage medium.
  • the readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or a combination of any of the above. More specific examples (non-exhaustive list) of readable storage media include: electrical connections with one or more wires, portable disks, hard disks, random access memory (RAM), read only memory (ROM), erasable Type programmable read only memory (EPROM or flash memory), optical fiber, portable compact disk read only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above.
  • the computer-readable signal medium may include a data signal propagated in baseband or as a part of a carrier wave, and readable program code is carried therein. This propagated data signal can take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
  • the readable signal medium may also be any readable medium other than a readable storage medium, and the readable medium may send, propagate, or transmit a program for use by or in combination with the instruction execution system, apparatus, or device.
  • the program code contained on the readable medium can be transmitted by any suitable medium, including but not limited to wireless, wired, optical cable, RF, etc., or any suitable combination of the foregoing.
  • the program code used to perform the operations of this application can be written in any combination of one or more programming languages.
  • the programming languages include object-oriented programming languages—such as Java, C++, etc., as well as conventional procedural Programming language-such as "C" language or similar programming language.
  • the program code can be executed entirely on the user's computing device, partly on the user's device, executed as an independent software package, partly on the user's computing device and partly executed on the remote computing device, or entirely on the remote computing device or server Executed on.
  • the remote computing device can be connected to a user computing device through any kind of network, including a local area network (LAN) or a wide area network (WAN), or can be connected to an external computing device (for example, using Internet service providers) Business to connect via the Internet).
  • LAN local area network
  • WAN wide area network
  • Internet service providers Internet service providers
  • An embodiment of the present application provides a computer program product.
  • the foregoing computer program product includes a non-transitory computer-readable storage medium storing a computer program.
  • the computer program is operable to cause a computer to execute pages as in the foregoing embodiments of the present application. Sliding method.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请揭示了一种页面滑动方法、装置、电子设备和计算机可读存储介质，涉及页面显示技术领域，其中，页面滑动方法包括当通过即时通讯应用对超文本标记语言HTML5页面进行展示时，获取滑动手势在屏幕上滑动的滑动手势信号；根据所述滑动手势信号中的所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间，确定所述滑动手势在屏幕中滑动时的平均速度。本申请提出的技术方案解决了在通过即时通讯应用对HTML5页面进行展示时，无法实现禁止HTML5页面顶端所出现的页面来源的顶部提示的同时，还能使得HTML5页面能进行上下滑动的问题。

Description

页面滑动方法、装置、电子设备及计算机可读存储介质
本申请要求2019年08月01日递交、发明名称为“页面滑动方法、装置、电子设备和存储介质”的中国专利申请201910709175.2的优先权，在此通过引用将其全部内容合并于此。
技术领域
本申请涉及页面显示技术领域，特别是涉及基于页面滑动方法、装置、电子设备及计算机可读存储介质。
背景技术
超文本标记语言(HTML，HyperText Markup Language)第五代页面的应用使得移动终端也能支持多媒体功能，进而极大地提高了移动设备的使用体验。
在通过移动终端上的即时通讯应用对HTML5页面进行展示时，在移动终端所显示的HTML5页面顶端会出现页面来源的顶部提示。而在通过即时通讯应用对HTML5页面进行展示时，移动终端是通过调用移动终端中所具有的原生浏览器的默认事件响应中所包含的使得页面进行上下滑动的事件响应来实现控制HTML5页面的上下滑动。在通过即时通讯应用对HTML5页面进行展示时，HTML5页面顶端所出现的页面来源的顶部提示会对用户造成不好的体验，为了移除HTML5页面顶端所出现的页面来源的顶部提示，移动终端可以通过禁止原生浏览器中的默认事件响应来实现禁止HTML5页面顶端所出现的页面来源的顶部提示，但是由此也会使得控制HTML5页面进行上下滑动的功能也被禁止。
本申请的发明人意识到，在通过即时通讯应用对HTML5页面进行展示时，一般通过保留HTML5页面顶端所出现的页面来源的顶部提示的方式来实现使得HTML5页面进行上下滑动的效果，进而无法实现在禁止HTML5页面顶端所出现的页面来源的顶部提示的同时，还能使得HTML5页面进行上下滑动的效果。
技术问题
基于此，为解决无法实现在禁止HTML5页面顶端所出现的页面来源的顶部提示的同时，还能使得HTML5页面进行上下滑动的效果的技术问题，本申请提供了一种页面滑动方法、装置、电子设备及计算机可读存储介质。
发明解决方案
第一方面，提供了一种页面滑动方法，包括：
当通过即时通讯应用对超文本标记语言HTML5页面进行展示时，获取滑动手势在屏幕上滑动的滑动手势信号，其中，所述滑动手势信号包括所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间；
根据所述滑动手势信号中的所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间，确定所述滑动手势在屏幕中滑动时的平均速度；
基于所述平均速度和预设的用于进行减速的加速度确定所述HTML5页面的每个点在滑动时的最大滑动时长以及所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离；
根据所述HTML5页面的每个点在滑动时的最大滑动时长、所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离以及所述HTML5页面的每个点的当前纵坐标，确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标；
基于所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标控制所述HTML5页面在屏幕中进行滑动。
第二方面，提供了一种页面滑动装置，包括：
第一获取单元，用于当通过即时通讯应用对超文本标记语言HTML5页面进行展示时，获取滑动手势在屏幕上滑动的滑动手势信号，其中，所述滑动手势信号包括所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间；
第一执行单元，用于根据所述滑动手势信号中的所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间，确定所述滑动手势在屏幕中滑动时的平均速度；
第二执行单元，用于基于所述平均速度和预设的用于进行减速的加速度确定所述HTML5页面的每个点在滑动时的最大滑动时长以及所述HTML5页面的每个点的纵坐标 在滑动时的最大滑动距离；
第三执行单元，用于根据所述HTML5页面的每个点在滑动时的最大滑动时长、所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离以及所述HTML5页面的每个点的当前纵坐标，确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标；
滑动单元，用于基于所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标控制所述HTML5页面在屏幕中进行滑动。
第三方面，提供了一种电子设备，包括：处理器；以及存储器，用于存储所述处理器的页面滑动程序；其中，所述处理器配置为执行如本申请第一方面或第一方面任意可能实现方式中的方法。
第四方面，提供了一种存储有计算机可读存储介质，其上存储有页面滑动程序，所述页面滑动程序被处理器执行时实现如本申请第一方面或第一方面任意可能实现方式中的方法。
第五方面，提供了一种计算机程序产品，所述计算机程序产品包括存储了计算机程序的非瞬时性计算机可读存储介质，所述计算机程序可操作来使计算机执行如本申请第一方面所述的方法或第一方面任意可能实现方式中的方法。
有益效果
本申请的实施例提供的技术方案可以包括以下有益效果：
实现基于HTML5页面的每个点在滑动时的轨迹控制HTML5页面在屏幕中进行滑动，进而解决了在通过即时通讯应用对HTML5页面进行展示时，无法实现禁止HTML5页面顶端所出现的页面来源的顶部提示的同时，还能使得HTML5页面能进行上下滑动的问题。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本申请。
附图说明
图1是本申请一示例性实施例示出的一种页面滑动方法的流程图。
图2是本申请另一示例性实施例示出的一种页面滑动方法的流程图。
图3是本申请另一示例性实施例示出的一种页面滑动方法的流程图。
图4是本申请一示例性实施例示出的一种页面滑动装置的框图。
图5是本申请一示例性实施例示出的一种用于实现上述页面滑动方法的电子设备示例框图。
图6是本申请一示例性实施例示出的一种用于实现上述页面滑动方法的计算机可读存储介质。
具体实施方式
现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本申请将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。
此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中，提供许多具体细节从而给出对本申请的实施例的充分理解。然而，本领域技术人员将意识到，可以实践本申请的技术方案而没有特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知方法、装置、实现或者操作以避免模糊本申请的各方面。
附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
附图中所示的流程图仅是示例性说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解，而有的操作/步骤可以合并或部分合并，因此实际执行的顺序有可能根据实际情况改变。
参考图1，图1本申请一示例性实施例示出的页面滑动方法的流程图，本实施例中的页面滑动方法的执行主体为终端设备，该终端设备具体可以为智能手机或平板电脑等具有屏幕触控功能的电子设备，如图1所示的页面滑动方法可包括如下步骤S110至步骤S150，详细说明如下：
步骤S110，当通过即时通讯应用对超文本标记语言HTML5页面进行展示时，获取滑动手势在屏幕上滑动的滑动手势信号，其中，所述滑动手势信号包括所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间；
步骤S120，根据所述滑动手势信号中的所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间，确定所述滑动手势在屏幕中滑动时的平均速度；
步骤S130，基于所述平均速度和预设的用于进行减速的加速度确定所述HTML5页面的每个点在滑动时的最大滑动时长以及所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离；
步骤S140，根据所述HTML5页面的每个点在滑动时的最大滑动时长、所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离以及所述HTML5页面的每个点的当前纵坐标，确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标；
步骤S150，基于所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标控制所述HTML5页面在屏幕中进行滑动。
在步骤S110中，HTML5页面指的是由第五代超文本标记语言(HTML Hyper Text Markup Language)所制成的网页，HTML5页面可以在即时通讯应用中进行展示，以供用户浏览网页内容。
滑动手势指的是当通过即时通讯应用对超文本标记语言HTML5页面进行展示时，用户通过手指对终端设备的屏幕进行操作而向终端设备发起的对页面进行滑动的移动手势。当滑动手势在屏幕上滑动时，终端设备根据滑动手势在在屏幕上滑动的轨迹生成预设的滑动手势信号，终端设备将依据所生成的滑动手势信号触发对HTML5页面进行滑动的操作。需要指出的是，终端设备根据滑动手势在在屏幕上滑动的轨迹生成预设的滑动手势信号时，需要记录滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、滑动手势在屏幕上开始滑动时与屏幕所接触的时间、滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及滑动手势在屏幕上停止滑动时与屏幕所接触的时间，进而生成上述滑动手势信号。
在步骤S120中，上述纵坐标指的是纵轴上的坐标，其中，纵轴指的是终端设备的应用在对HTML5页面进行展示，与所展示的HTML5页面竖直方向平行的坐标轴。终端设备根据滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标以及滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标，确定滑动手势在屏幕上的滑动距离差；并根据滑动手势在屏幕上开始滑动时与屏幕所接触的时间以及滑动手势在屏幕上停止滑动时与屏幕所接触的时间，确定滑动手势在屏幕上的滑动时间差。终端设备将所确定的滑动手势在屏幕上的滑动距离差除以所确定的滑动手势在屏幕上的滑动时间差，确定得到滑动手势在屏幕中滑动时的平均速度。
在步骤S130中，终端设备基于所确定的滑动手势在屏幕中滑动时的平均速度来实现控制HTML5页面进行滑动时，需要先确定HTML5页面中的每个点进行滑动时的最大滑动时长以及HTML5页面的每个点的纵坐标在滑动时的最大滑动距离，进而便于确定 HTML5页面中的每个点的滑动轨迹。
在确定HTML5页面中的每个点进行滑动时的最大滑动时长以及最大滑动距离时，可以基于终端设备所预设的用于进行减速的加速度以及滑动手势在屏幕中滑动时的平均速度来确定，其中，上述预设的加速度为预先配置，用于使得HTML5页面中的每个点以合理的滑动轨迹来进行滑动，以使得HTML5页面中的每个点在滑动时不会滑动的太快或者太慢。
在一个实施例中，基于所述平均速度和预设的用于进行减速的加速度确定所述HTML5页面的每个点在滑动时的最大滑动时长以及所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离的步骤S130，包括：
基于以下公式确定所述HTML5页面的每个点在滑动时的最大滑动时长：
Figure PCTCN2019117683-appb-000001
基于以下公式确定所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离：
Figure PCTCN2019117683-appb-000002
其中，V为终端设备所确定的滑动手势在屏幕中滑动时的平均速度，a为终端设备所预设的用于进行减速的加速度，T为HTML5页面的每个点在滑动时的最大滑动时长，L为HTML5页面的每个点的纵坐标在滑动时的最大滑动距离。
在步骤S140中，在确定得到HTML5页面的每个点在滑动时的最大滑动时长以及HTML5页面的每个点的纵坐标在滑动时的最大滑动距离后，为进一步确定得到HTML5页面的每个点从开始滑动到停止滑动之间的每个时刻的滑动轨迹，终端设备还需要确定HTML5页面的每个点在滑动过程中的每个时刻所处的位置所对应的纵坐标。终端设备具体是根据HTML5页面的每个点在滑动时的最大滑动时长、HTML5页面的每个点的纵坐标在滑动时的最大滑动距离以及HTML5页面的每个点的当前纵坐标来确定HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标。
在一个实施例中，根据所述HTML5页面的每个点在滑动时的最大滑动时长、所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离以及所述HTML5页面的每个点的当前纵坐标，确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标步骤S140，包括：
基于以下公式确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标：
Figure PCTCN2019117683-appb-000003
其中，T为终端设备所确定的HTML5页面的每个点在滑动时的最大滑动时长，C为终端设备所确定的HTML5页面的每个点的纵坐标在滑动时的最大滑动距离，B为HTML5页面的每个点的当前纵坐标,t为HTML5页面的每个点的滑动时长，L为HTML5页面的每个点在滑动过程中的不同滑动时长t对应的纵坐标。需要说明的是，根据上述公式所确定HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标，HTML5页面的每个点在滑动过程中，滑动时的速率是逐渐减小的，进而使得HTML5页面的每个点在滑动时能实现较为流畅的滑动效果。
在步骤S150中，终端设备基于HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标来控制HTML5页面在屏幕中进行滑动，进而实现控制HTML5页面进行滑动的效果。
以上可以看出，终端设备在通过即时通讯应用对超文本标记语言HTML5页面进行展示时，可以通过获取滑动手势在屏幕上滑动的滑动手势信号，并根据滑动手势信号中的滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、滑动手势在屏幕上开始滑动时与屏幕所接触的时间、滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及滑动手势在屏幕上停止滑动时与屏幕所接触的时间，确定滑动手势在屏幕中滑动时的平均速度；并基于上述平均速度和预设的用于进行减速的加速度确定HTML5页面的每个点在滑动时的最大滑动时长以及HTML5页面的每个点的纵坐标在滑动时的最大滑动距离，从而实现确定HTML5页面的每个点在滑动停止时的位置以及滑动时的最大滑动时长，进而实现根据HTML5页面的每个点在滑动时的最大滑动时长、HTML5页面的每个点的纵坐标在滑动时的最大滑动距离以及HTML5页面的每个点的当前纵坐标，确定得到HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标，以确定得到HTML5页面的每个点在滑动时的轨迹，实现基于HTML5页面的每个点在滑动时的轨迹控制HTML5页面在屏幕中进行滑动，进而解决了在通过即时通讯应用对HTML5页面进行展示时，无法实现禁止HTML5页面顶端所出现的页面来源的顶部提示的同时，还能使得HTML5页面能进行上下滑动的问题。
参考图2，图2是本申请另一示例性实施例示出的一种页面滑动方法的流程图，在本实施例中，在基于所述平均速度和预设的用于进行减速的加速度确定所述HTML5页面的每个点在滑动时的最大滑动时长以及所述HTML5页面的每个点的纵坐标在滑动时的最 大滑动距离的步骤S130之前，还可以包括如下步骤：
步骤S121，响应于用户输入的用于选择滑动快慢等级的选择请求，根据所述选择请求中的滑动快慢等级，以及滑动快慢等级与用于进行减速的加速度的对应关系，确定用于进行减速的加速度。
在步骤S121中，对于预设的用于进行减速的加速度，终端设备可以预先配置滑动快慢等级与多个不同大小的用于进行减速的加速度的对应关系。上述选择请求指的是用于对滑动快慢等级进行选择的请求，该请求可以由用户操作即时通讯应用中所提供的虚拟控件所触发，例如由用户在即时通讯应用点击HTML5网页的滑动快慢等级的虚拟功能按钮所触发，进而可以实现由用户来自定义选择HTML5网页进行滑动时的滑动快慢等级，使得用户可以根据需求来调整HTML5网页进行滑动的滑动速度，提高了用户的浏览体验。
参考图3，图3是本申请另一示例性实施例示出的一种页面滑动方法的流程图，在本实施例中，在当通过即时通讯应用对超文本标记语言HTML5页面进行展示时，获取滑动手势在屏幕上滑动的滑动手势信号的步骤S110之前，还可以包括如下步骤：
步骤S108，响应于通过即时通讯应用对HTML5页面进行展示的展示请求，获取所述HTML5页面对应的页面数据。
在步骤S108中，当通过即时通讯应用对超文本标记语言HTML5页面进行展示时，需要在该即时通讯应用中触发展示HTML5页面的展示请求，该展示请求可以由用户操作即时通讯应用中所提供的虚拟控件所触发，例如由用户点击即时通讯应用中的HTML5网页链接所触发，终端设备响应于通过即时通讯应用对HTML5页面进行展示的展示请求，获取HTML5页面对应的页面数据，具体的，终端设备可以根据HTML5网页链接信息从包含该HTML5网页数据的网站服务器或者数据库服务器中拉取HTML5页面对应的页面数据。
步骤S109，通过所述即时通讯应用对所述HTML5页面对应的页面数据进行展示。
在步骤S109中，终端设备对所获取的HTML5页面对应的页面数据进行HTML5页面的展示，以使得用户预览HTML5页面中的内容。
参考图4，图4是本申请一示例性实施例示出的一种页面滑动装置，所述页面滑动装置可以集成于上述的电子设备中，具体可以包括第一获取单元210、第一执行单元220、第二执行单元230、第三执行单元240以及滑动单元250。
第一获取单元210，用于当通过即时通讯应用对超文本标记语言HTML5页面进行展示时，获取滑动手势在屏幕上滑动的滑动手势信号，其中，所述滑动手势信号包括所述滑 动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间。
第一执行单元220，用于根据所述滑动手势信号中的所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间，确定所述滑动手势在屏幕中滑动时的平均速度。
第二执行单元230，用于根据所述滑动手势信号中的所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间，确定所述滑动手势在屏幕中滑动时的平均速度。
第三执行单元240，用于根据所述HTML5页面的每个点在滑动时的最大滑动时长、所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离以及所述HTML5页面的每个点的当前纵坐标，确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标；
滑动单元250，用于基于所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标控制所述HTML5页面在屏幕中进行滑动。
在一个实施例中，所述第三执行单元240被配置为：
基于以下公式确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标：
Figure PCTCN2019117683-appb-000004
其中，T为所述HTML5页面的每个点在滑动时的最大滑动时长，C为所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离，B为所述HTML5页面的每个点的当前纵坐标,t为所述HTML5页面的每个点的滑动时长，L为所述HTML5页面的每个点在滑动过程中的不同滑动时长t对应的纵坐标。
在一个实施例中，所述页面滑动装置还包括：
第四执行单元，用于响应于用户输入的用于选择滑动快慢等级的选择请求，根据所述选择请求中的滑动快慢等级，以及滑动快慢等级与用于进行减速的加速度的对应关系，确定用于进行减速的加速度。
在一个实施例中，所述第二执行单元230被配置为：
基于以下公式确定所述HTML5页面的每个点在滑动时的最大滑动时长：
Figure PCTCN2019117683-appb-000005
基于以下公式确定所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离：
Figure PCTCN2019117683-appb-000006
其中，V为所述平均速度，a为所述预设的用于进行减速的加速度，T为所述HTML5页面的每个点在滑动时的最大滑动时长，L为所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离。
在一个实施例中，所述页面滑动装置还包括：
第二获取单元，用于响应于通过即时通讯应用对HTML5页面进行展示的展示请求，获取所述HTML5页面对应的页面数据；
展示单元，用于通过所述即时通讯应用对所述HTML5页面对应的页面数据进行展示。
上述装置中各个模块的功能和作用的实现过程具体详见上述基于页面滑动方法中对应步骤的实现过程，在此不再赘述。
应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本申请的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
此外，尽管在附图中以特定顺序描述了本申请中方法的各个步骤，但是，这并非要求或者暗示必须按照该特定顺序来执行这些步骤，或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的，可以省略某些步骤，将多个步骤合并为一个步骤执行，以及/或者将一个步骤分解为多个步骤执行等。
通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本申请实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、移动终端、或者网络设备等)执行根据本公开实施方式的方法。
在本申请的示例性实施例中，还提供了一种能够实现上述方法的电子设备。
所属技术领域的技术人员能够理解，本申请的各个方面可以实现为系统、方法或程序产品。因此，本申请的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“系统”。
参考图5，图5本申请一示例性实施例示出的一种用于实现上述页面滑动方法的电子设备示例框图。图5显示的电子设备400仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。
如图5所示，电子设备400以通用计算设备的形式表现。电子设备400的组件可以包括但不限于：上述至少一个处理器410、上述至少一个存储器420、连接不同系统组件(包括存储器420和处理器410)的总线430。
其中，所述存储器存储有程序代码，所述程序代码可以被所述处理器410执行，使得所述处理器410执行本说明书上述“示例性方法”部分中描述的根据本申请各种示例性实施方式的步骤。例如，所述处理器410可以执行如图1中所示的步骤S110：当通过即时通讯应用对超文本标记语言HTML5页面进行展示时，获取滑动手势在屏幕上滑动的滑动手势信号，其中，所述滑动手势信号包括所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间；步骤S120：根据所述滑动手势信号中的所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间，确定所述滑动手势在屏幕中滑动时的平均速度；步骤S130，基于所述平均速度和预设的用于进行减速的加速度确定所述HTML5页面的每个点在滑动时的最大滑动时长以及所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离；步骤S140，根据所述HTML5页面的每个点在滑动时的最大滑动时长、所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离以及所述HTML5页面的每个点的当前纵坐标，确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标；步骤S150，基于所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标控制所述HTML5页面在屏幕中进行滑动。
存储器420可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)4201和/或高速缓存存储单元4202，还可以包括只读存储单元(ROM)4203。
存储器420还可以包括具有一组(至少一个)程序模块4205的程序/实用工具4204，这样的程序模块4205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线430可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备400也可以与一个或多个外部设备600(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备400交互的设备通信，和/或与使得该电子设备400能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口440进行。并且，电子设备400还可以通过网络适配器460与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器460通过总线430与电子设备400的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备400使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本申请实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本申请实施方式的方法。
在本申请的示例性实施例中，还提供了一种计算机可读存储介质，其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中，本申请的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当所述程序产品在终端设备上运行时，所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本申请各种示例性实施方式的步骤。
参考图6所示，图6是本申请一示例性实施例示出的一种用于实现上述页面滑动方法的计算机可读存储介质。图6描述了根据本申请的实施方式的用于实现上述方法的程序产品500，其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在电子设备，例如个人电脑上运行。然而，本申请的程序产品不限于此，在本文件中，可读存储 介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。上述计算机可读存储介质可以为非易失性可读存储介质，例如存储于CD-ROM，U盘，移动硬盘设备中的非易失性可读存储介质，可以包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本申请实施方式的方法。
所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本申请操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
本申请一实施例提供了一种计算机程序产品，上述计算机程序产品包括存储了计算机程序的非瞬时性计算机可读存储介质，计算机程序可操作来使计算机执行如本申请前述各个实施例中的页面滑动方法。
此外，上述附图仅是根据本申请示例性实施例的方法所包括的处理的示意性说明，而 不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。
本领域技术人员在考虑说明书及实践这里公开的申请后，将容易想到本申请的其他实施例。本申请旨在涵盖本申请的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本申请的真正范围和精神由权利要求指出。

Claims (20)

  1. 一种页面滑动方法，包括：
    当通过即时通讯应用对超文本标记语言HTML5页面进行展示时，获取滑动手势在屏幕上滑动的滑动手势信号，其中，所述滑动手势信号包括所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间；
    根据所述滑动手势信号中的所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间，确定所述滑动手势在屏幕中滑动时的平均速度；
    基于所述平均速度和预设的用于进行减速的加速度确定所述HTML5页面的每个点在滑动时的最大滑动时长以及所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离；
    根据所述HTML5页面的每个点在滑动时的最大滑动时长、所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离以及所述HTML5页面的每个点的当前纵坐标，确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标；
    基于所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标控制所述HTML5页面在屏幕中进行滑动。
  2. 根据权利要求1所述的页面滑动方法，其中，所述根据所述HTML5页面的每个点在滑动时的最大滑动时长、所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离以及所述HTML5页面的每个点的当前纵坐标，确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标，包括：
    基于以下公式确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标：
    Figure PCTCN2019117683-appb-100001
    其中，T为所述HTML5页面的每个点在滑动时的最大滑动时长，C为所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离，B为所述HTML5页面的每个点的当前 纵坐标,t为所述HTML5页面的每个点的滑动时长，L为所述HTML5页面的每个点在滑动过程中的不同滑动时长t对应的纵坐标。
  3. 根据权利要求1所述的页面滑动方法，其中，在基于所述平均速度和预设的用于进行减速的加速度确定所述HTML5页面的每个点在滑动时的最大滑动时长以及所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离之前，所述方法还包括：
    响应于用户输入的用于选择滑动快慢等级的选择请求，根据所述选择请求中的滑动快慢等级，以及滑动快慢等级与用于进行减速的加速度的对应关系，确定用于进行减速的加速度。
  4. 根据权利要求1所述的页面滑动方法，其中，所述基于所述平均速度和预设的用于进行减速的加速度确定所述HTML5页面的每个点在滑动时的最大滑动时长以及所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离，包括：
    基于以下公式确定所述HTML5页面的每个点在滑动时的最大滑动时长：
    Figure PCTCN2019117683-appb-100002
    基于以下公式确定所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离：
    Figure PCTCN2019117683-appb-100003
    其中，V为所述平均速度，a为所述预设的用于进行减速的加速度，T为所述HTML5页面的每个点在滑动时的最大滑动时长，L为所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离。
  5. 根据权利要求1所述的页面滑动方法，其中，在当通过即时通讯应用对超文本标记语言HTML5页面进行展示时，获取滑动手势在屏幕上滑动的滑动手势信号之前，所述方法还包括：
    响应于通过即时通讯应用对HTML5页面进行展示的展示请求，获取所述HTML5页面对应的页面数据；
    通过所述即时通讯应用对所述HTML5页面对应的页面数据进行展示。
  6. 一种页面滑动装置，包括：
    第一获取单元，用于当通过即时通讯应用对超文本标记语言HTML5页面进行展示时，获取滑动手势在屏幕上滑动的滑动手势信号，其中，所述滑动手势信号包括所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势 在屏幕上停止滑动时与屏幕所接触的时间；
    第一执行单元，用于根据所述滑动手势信号中的所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间，确定所述滑动手势在屏幕中滑动时的平均速度；
    第二执行单元，用于根据所述滑动手势信号中的所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间，确定所述滑动手势在屏幕中滑动时的平均速度；
    第三执行单元，用于根据所述HTML5页面的每个点在滑动时的最大滑动时长、所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离以及所述HTML5页面的每个点的当前纵坐标，确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标；
    滑动单元，用于基于所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标控制所述HTML5页面在屏幕中进行滑动。
  7. 根据权利要求6所述的页面滑动装置，其中，所述第三执行单元被配置为：
    基于以下公式确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标：
    Figure PCTCN2019117683-appb-100004
    其中，T为所述HTML5页面的每个点在滑动时的最大滑动时长，C为所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离，B为所述HTML5页面的每个点的当前纵坐标,t为所述HTML5页面的每个点的滑动时长，L为所述HTML5页面的每个点在滑动过程中的不同滑动时长t对应的纵坐标。
  8. 根据权利要求6所述的页面滑动装置，其特征在于，所述装置还包括：
    第四执行单元，用于响应于用户输入的用于选择滑动快慢等级的选择请求，根据所述选择请求中的滑动快慢等级，以及滑动快慢等级与用于进行减速的加速度的对应关系，确定用于进行减速的加速度。
  9. 根据权利要求6所述的页面滑动装置，其中，第二执行单元被配置为：
    基于以下公式确定所述HTML5页面的每个点在滑动时的最大滑动时长：
    Figure PCTCN2019117683-appb-100005
    基于以下公式确定所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离：
    Figure PCTCN2019117683-appb-100006
    其中，V为所述平均速度，a为所述预设的用于进行减速的加速度，T为所述HTML5页面的每个点在滑动时的最大滑动时长，L为所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离。
  10. 根据权利要求6所述的页面滑动装置，其中，所述页面滑动装置，还包括：
    第二获取单元，用于响应于通过即时通讯应用对HTML5页面进行展示的展示请求，获取所述HTML5页面对应的页面数据；
    展示单元，用于通过所述即时通讯应用对所述HTML5页面对应的页面数据进行展示。
  11. 一种电子设备，其中，包括：处理器；以及存储器，用于存储所述处理器的页面滑动程序；其中，所述处理器配置为经由执行所述页面滑动程序来执行以下处理方法：
    当通过即时通讯应用对超文本标记语言HTML5页面进行展示时，获取滑动手势在屏幕上滑动的滑动手势信号，其中，所述滑动手势信号包括所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间；
    根据所述滑动手势信号中的所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间，确定所述滑动手势在屏幕中滑动时的平均速度；
    基于所述平均速度和预设的用于进行减速的加速度确定所述HTML5页面的每个点在滑动时的最大滑动时长以及所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离；
    根据所述HTML5页面的每个点在滑动时的最大滑动时长、所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离以及所述HTML5页面的每个点的当前纵坐标，确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标；
    基于所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标控制所述HTML5页面在屏幕中进行滑动。
  12. 根据权利要求11所述的电子设备，其中，所述根据所述HTML5页面的每个点在滑动时的最大滑动时长、所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离以及所述HTML5页面的每个点的当前纵坐标，确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标，包括：
    基于以下公式确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标：
    Figure PCTCN2019117683-appb-100007
    其中，T为所述HTML5页面的每个点在滑动时的最大滑动时长，C为所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离，B为所述HTML5页面的每个点的当前纵坐标,t为所述HTML5页面的每个点的滑动时长，L为所述HTML5页面的每个点在滑动过程中的不同滑动时长t对应的纵坐标。
  13. 根据权利要求11所述的电子设备，其中，所述方法还包括：
    响应于用户输入的用于选择滑动快慢等级的选择请求，根据所述选择请求中的滑动快慢等级，以及滑动快慢等级与用于进行减速的加速度的对应关系，确定用于进行减速的加速度。
  14. 根据权利要求11所述的电子设备，其中，所述基于所述平均速度和预设的用于进行减速的加速度确定所述HTML5页面的每个点在滑动时的最大滑动时长以及所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离，包括：
    基于以下公式确定所述HTML5页面的每个点在滑动时的最大滑动时长：
    Figure PCTCN2019117683-appb-100008
    基于以下公式确定所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离：
    Figure PCTCN2019117683-appb-100009
    其中，V为所述平均速度，a为所述预设的用于进行减速的加速度，T为所述HTML5页面的每个点在滑动时的最大滑动时长，L为所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离。
  15. 根据权利要求11所述的电子设备，其中，所述方法还包括：
    响应于通过即时通讯应用对HTML5页面进行展示的展示请求，获取所述HTML5页面对应的页面数据；
    通过所述即时通讯应用对所述HTML5页面对应的页面数据进行展示。
  16. 一种计算机可读存储介质，其上存储有页面滑动程序，所述页面滑动程序被处理器执行时实现以下处理方法：
    当通过即时通讯应用对超文本标记语言HTML5页面进行展示时，获取滑动手势在屏幕上滑动的滑动手势信号，其中，所述滑动手势信号包括所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间；
    根据所述滑动手势信号中的所述滑动手势在屏幕上开始滑动时与屏幕所接触的纵坐标、所述滑动手势在屏幕上开始滑动时与屏幕所接触的时间、所述滑动手势在屏幕上停止滑动时与屏幕所接触的纵坐标以及所述滑动手势在屏幕上停止滑动时与屏幕所接触的时间，确定所述滑动手势在屏幕中滑动时的平均速度；
    基于所述平均速度和预设的用于进行减速的加速度确定所述HTML5页面的每个点在滑动时的最大滑动时长以及所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离；
    根据所述HTML5页面的每个点在滑动时的最大滑动时长、所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离以及所述HTML5页面的每个点的当前纵坐标，确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标；
    基于所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标控制所述HTML5页面在屏幕中进行滑动。
  17. 根据权利要求16所述的计算机可读存储介质，其中，所述根据所述HTML5页面的每个点在滑动时的最大滑动时长、所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离以及所述HTML5页面的每个点的当前纵坐标，确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标，包括：
    基于以下公式确定所述HTML5页面的每个点在滑动过程中的不同滑动时长下所对应的纵坐标：
    Figure PCTCN2019117683-appb-100010
    其中，T为所述HTML5页面的每个点在滑动时的最大滑动时长，C为所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离，B为所述HTML5页面的每个点的当前 纵坐标,t为所述HTML5页面的每个点的滑动时长，L为所述HTML5页面的每个点在滑动过程中的不同滑动时长t对应的纵坐标。
  18. 根据权利要求16所述的计算机可读存储介质，其中，所述方法还包括：
    响应于用户输入的用于选择滑动快慢等级的选择请求，根据所述选择请求中的滑动快慢等级，以及滑动快慢等级与用于进行减速的加速度的对应关系，确定用于进行减速的加速度。
  19. 根据权利要求16所述的计算机可读存储介质，其中，所述基于所述平均速度和预设的用于进行减速的加速度确定所述HTML5页面的每个点在滑动时的最大滑动时长以及所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离，包括：
    基于以下公式确定所述HTML5页面的每个点在滑动时的最大滑动时长：
    Figure PCTCN2019117683-appb-100011
    基于以下公式确定所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离：
    Figure PCTCN2019117683-appb-100012
    其中，V为所述平均速度，a为所述预设的用于进行减速的加速度，T为所述HTML5页面的每个点在滑动时的最大滑动时长，L为所述HTML5页面的每个点的纵坐标在滑动时的最大滑动距离。
  20. 根据权利要求16所述的计算机可读存储介质，其中，所述方法还包括：
    响应于通过即时通讯应用对HTML5页面进行展示的展示请求，获取所述HTML5页面对应的页面数据；
    通过所述即时通讯应用对所述HTML5页面对应的页面数据进行展示。
PCT/CN2019/117683 2019-08-01 2019-11-12 页面滑动方法、装置、电子设备及计算机可读存储介质 WO2021017287A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910709175.2A CN110658974B (zh) 2019-08-01 2019-08-01 页面滑动方法、装置、电子设备和存储介质
CN201910709175.2 2019-08-01

Publications (1)

Publication Number Publication Date
WO2021017287A1 true WO2021017287A1 (zh) 2021-02-04

Family

ID=69036382

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/117683 WO2021017287A1 (zh) 2019-08-01 2019-11-12 页面滑动方法、装置、电子设备及计算机可读存储介质

Country Status (2)

Country Link
CN (1) CN110658974B (zh)
WO (1) WO2021017287A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111949129A (zh) * 2020-08-07 2020-11-17 合肥讯飞读写科技有限公司 显示内容更新方法、装置、电子设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103135909A (zh) * 2011-11-23 2013-06-05 腾讯科技（深圳）有限公司 页面的显示方法、装置和终端
JP2015222489A (ja) * 2014-05-22 2015-12-10 株式会社オープンエイト ポータブル電子装置および表示制御プログラム
CN105843547A (zh) * 2016-05-24 2016-08-10 腾讯科技（深圳）有限公司 一种页面滑动方法及装置
CN105975189A (zh) * 2016-04-29 2016-09-28 乐视控股（北京）有限公司 一种移动设备触屏滑动方法及系统
CN106527955A (zh) * 2016-12-21 2017-03-22 深圳Tcl新技术有限公司 控制页面滑动的方法及装置
CN106547454A (zh) * 2015-09-16 2017-03-29 阿里巴巴集团控股有限公司 显示方法及装置

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103488411B (zh) * 2012-06-13 2016-06-01 腾讯科技（深圳）有限公司 切换页面的方法和装置
US9824363B1 (en) * 2012-11-16 2017-11-21 Lu Wang Method and system for electronically engaging customers
CN103399662B (zh) * 2013-07-06 2016-04-06 广东欧珀移动通信有限公司 一种处理触摸屏上报坐标事件的方法、系统及移动终端
AU2016281182A1 (en) * 2015-06-15 2018-02-08 Cana Technologies Pty Ltd A computer implemented method, client computing device and computer readable storage medium for data presentation
KR102355624B1 (ko) * 2015-09-11 2022-01-26 엘지전자 주식회사 이동단말기 및 그 제어방법
CN106095320A (zh) * 2016-06-17 2016-11-09 财付通支付科技有限公司 事件资源处理方法和装置
CN107154894B (zh) * 2017-05-10 2021-03-23 腾讯科技（深圳）有限公司 一种即时通讯信息的处理方法、装置、系统及存储介质
CN109634698B (zh) * 2018-11-12 2023-01-20 平安科技（深圳）有限公司 菜单显示方法、装置、计算机设备及存储介质
CN109885795A (zh) * 2019-01-25 2019-06-14 平安科技（深圳）有限公司 一种Web端动画配置方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103135909A (zh) * 2011-11-23 2013-06-05 腾讯科技（深圳）有限公司 页面的显示方法、装置和终端
JP2015222489A (ja) * 2014-05-22 2015-12-10 株式会社オープンエイト ポータブル電子装置および表示制御プログラム
CN106547454A (zh) * 2015-09-16 2017-03-29 阿里巴巴集团控股有限公司 显示方法及装置
CN105975189A (zh) * 2016-04-29 2016-09-28 乐视控股（北京）有限公司 一种移动设备触屏滑动方法及系统
CN105843547A (zh) * 2016-05-24 2016-08-10 腾讯科技（深圳）有限公司 一种页面滑动方法及装置
CN106527955A (zh) * 2016-12-21 2017-03-22 深圳Tcl新技术有限公司 控制页面滑动的方法及装置

Also Published As

Publication number Publication date
CN110658974A (zh) 2020-01-07
CN110658974B (zh) 2022-08-16

Similar Documents

Publication Publication Date Title
WO2020238815A1 (zh) 显示控制方法及装置、电子设备和存储介质
US11385853B2 (en) Method and apparatus for implementing content displaying of component
JP6169590B2 (ja) 適応的な入力言語切り換え
US8892782B1 (en) System for and method of translating motion-based user input between a client device and an application host computer
CN106716351B (zh) 显示网页的方法和电子设备
WO2019184490A1 (zh) 用于显示寄宿应用的图标的方法、设备和存储介质
KR20110011002A (ko) 웹 브라우징 방법 및 장치
US8745280B1 (en) System for and method of translating motion-based user input between a client device and an application host computer
US9804767B2 (en) Light dismiss manager
TW201606631A (zh) 利用關聯指示器及浮動選單列的關聯選單
WO2020073980A1 (zh) 寄宿应用的处理方法、设备及计算机可读存储介质
US20180164912A1 (en) Simulating multi-touch events on a browser system
US10547711B2 (en) Using off-screen user interface data during remote sessions
WO2019105391A1 (zh) 无线局域网络的连接方法、设备及计算机可读存储介质
US9395826B1 (en) System for and method of translating motion-based user input between a client device and an application host computer
WO2024011899A1 (zh) 微件的加载方法、装置、设备以及存储介质
US11099840B2 (en) Adaptation of a web application for use by a mobile device
US11243679B2 (en) Remote data input framework
TWI566165B (zh) 適應性呼叫應用程式的方法及其電子裝置
US20240169011A1 (en) Presenting indicators associated with network-associated content
WO2021017287A1 (zh) 页面滑动方法、装置、电子设备及计算机可读存储介质
US10481792B2 (en) Secure authenticated connected keyboard
US20190302973A1 (en) Computationally efficient human-computer interface for web browser tab user interface button
US20170090721A1 (en) Personalized Launch States for Software Applications
WO2016034067A1 (zh) 网页处理方法及装置

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 19939753

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 19939753

Country of ref document: EP

Kind code of ref document: A1

122 Ep: pct application non-entry in european phase

Ref document number: 19939753

Country of ref document: EP

Kind code of ref document: A1