CN107958092A - 对浏览器网页进行滚动式浏览的方法及装置 - Google Patents

对浏览器网页进行滚动式浏览的方法及装置 Download PDF

Info

Publication number
CN107958092A
CN107958092A CN201711484945.5A CN201711484945A CN107958092A CN 107958092 A CN107958092 A CN 107958092A CN 201711484945 A CN201711484945 A CN 201711484945A CN 107958092 A CN107958092 A CN 107958092A
Authority
CN
China
Prior art keywords
browser
page
browser page
mouse
place
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
Application number
CN201711484945.5A
Other languages
English (en)
Inventor
张明主
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Qihoo Technology Co Ltd
Original Assignee
Beijing Qihoo Technology Co Ltd
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 Beijing Qihoo Technology Co Ltd filed Critical Beijing Qihoo Technology Co Ltd
Priority to CN201711484945.5A priority Critical patent/CN107958092A/zh
Publication of CN107958092A publication Critical patent/CN107958092A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0485Scrolling or panning

Landscapes

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

Abstract

本发明提供了一种对浏览器网页进行滚动式浏览的方法及装置,上述方法包括:对于已开启至少一个浏览器网页的浏览器,监听到触发滚动式浏览启动的第一触发事件时,记录发起所述第一触发事件的硬件设备的第一位置;继续对所述浏览器进行监听,当监听到触发浏览器页面滚动的第二触发事件时,记录发起所述第二触发事件的硬件设备的第二位置;利用所述第一位置和所述第二位置确定所述浏览器页面的偏移位置,并控制所述浏览器页面滚动到与所述偏移位置相匹配的位置。基于本发明提供的对浏览器网页进行滚动式浏览的方法可将浏览器页面随着控制设备的偏移方向进行滚动,只通过简单的操作控制设备即可实现浏览器网页的滚动浏览。

Description

对浏览器网页进行滚动式浏览的方法及装置
技术领域
本发明涉及互联网技术领域,特别是涉及一种对浏览器网页进行滚动式浏览的方法及装置。
背景技术
随着网络资源的不断发展,用户会经常通过浏览器进行信息的查找与获取。通常情况下,用户会通过使用鼠标滚轮或是拖拽浏览器页面中的滚动条的方式实现页面的浏览。但是使用鼠标滚轮进行网页滚动浏览的方式可能会在浏览时一次性滚动距离太大,用户需要反复滚动几次才能达到想要浏览的位置,而采用拖拽浏览器滚动条的方式进行浏览页面则不够灵活,且使用不方便,用户体验不高。
发明内容
本发明提供了一种对浏览器网页进行滚动式浏览的方法及装置以克服上述问题或者至少部分地解决上述问题。
根据本发明的一个方面,提供了一种对浏览器网页进行滚动式浏览的方法,应用于利用硬件设备对浏览器进行控制,包括:
对于已开启至少一个浏览器网页的浏览器,监听到触发滚动式浏览启动的第一触发事件时,记录发起所述第一触发事件的硬件设备的第一位置;
继续对所述浏览器进行监听,当监听到触发浏览器页面滚动的第二触发事件时,记录发起所述第二触发事件的硬件设备的第二位置;
利用所述第一位置和所述第二位置确定所述浏览器页面的偏移位置,并控制所述浏览器页面滚动到与所述偏移位置相匹配的位置。
可选地,所述对于已开启至少一个浏览器网页的浏览器,监听到触发滚动式浏览启动的第一触发事件时,记录发起所述第一触发事件的硬件设备的第一位置,包括:
对于已开启至少一个浏览器网页的浏览器,监听到鼠标触发mousedown事件时,记录所述鼠标发起所述mousedown事件时的第一位置,其中,所述第一位置包括所述鼠标触发mousedown事件时在所述浏览器页面中的X方向和Y方向上的数据。
可选地,所述继续对所述浏览器进行监听,当监听到触发浏览器页面滚动的第二触发事件时,记录发起所述第二触发事件的硬件设备的第二位置,包括:
继续对所述浏览器进行监听,当监听所述鼠标触发mousemove事件时,记录所述鼠标发起所述mousemove事件时的第二位置,其中,所述第二位置包括所述鼠标触发mousemove事件时在所述浏览器页面中的X方向和Y方向上的数据。
可选地,所述利用所述第一位置和所述第二位置确定所述浏览器页面的偏移位置,并控制所述浏览器页面滚动到与所述偏移位置相匹配的位置,包括:
利用所述第一位置和所述第二位置获取鼠标在所述浏览器页面中的偏移位置,并控制所述浏览器页面滚动到与所述偏移位置相匹配的位置。
可选地,所述利用所述第一位置和所述第二位置获取鼠标在所述浏览器页面中的偏移位置,并控制所述浏览器页面滚动到与所述偏移位置相匹配的位置,包括:
利用所述第一位置和所述第二位置获取所述鼠标在所述浏览器页面中的水平偏移量和垂直偏移量,基于所述水平偏移量和垂直偏移量控制所述浏览器页面进行滚动。
可选地,所述利用所述第一位置和所述第二位置获取所述鼠标在所述浏览器页面中的水平偏移量和垂直偏移量,基于所述水平偏移量和垂直偏移量控制所述浏览器页面进行滚动,包括:
根据所述第一位置中的X方向数据和所述第二位置中的X方向数据的差获取所述鼠标在所述浏览器页面中的水平偏移量,基于所述水平偏移量控制所述浏览器页面的水平滚动;
根据所述第一位置中的Y方向数据和所述第二位置中的Y方向数据的差获取所述鼠标在所述浏览器页面中的垂直偏移量,基于所述垂直偏移量控制所述浏览器页面的垂直滚动。
可选地,所述利用所述第一位置和所述第二位置确定所述浏览器页面的偏移位置,并控制所述浏览器页面滚动到与所述偏移位置相匹配的位置之后,还包括:
若在所述第二触发事件被持续触发预设时间后,监听到触发浏览器页面停止滚动的第三触发事件,则控制所述浏览器页面停止滚动。
可选地,所述若在所述第二触发事件被持续触发预设时间后,监听到触发浏览器页面停止滚动的第三触发事件,则控制所述浏览器页面停止滚动,包括:
若在所述第二触发事件被持续触发预设时间后,监听到所述鼠标触发mouseup事件,则控制所述浏览器页面停止滚动。
根据本发明的另一个方面,提供了一种对浏览器网页进行滚动式浏览的装置,应用于利用硬件设备控制的浏览器,包括:
第一记录模块,配置为对于已开启至少一个浏览器网页的浏览器,监听到触发滚动式浏览启动的第一触发事件时,记录发起所述第一触发事件的硬件设备的第一位置;
第二记录模块,配置为继续对所述浏览器进行监听,当监听到触发浏览器页面滚动的第二触发事件时,记录发起所述第二触发事件的硬件设备的第二位置;
第一控制模块,配置为利用所述第一位置和所述第二位置确定所述浏览器页面的偏移位置,并控制所述浏览器页面滚动到与所述偏移位置相匹配的位置。
可选地,所述第一记录模块还配置为:
对于已开启至少一个浏览器网页的浏览器,监听到鼠标触发mousedown事件时,记录所述鼠标发起所述mousedown事件时的第一位置,其中,所述第一位置包括所述鼠标触发mousedown事件时在所述浏览器页面中的X方向和Y方向上的数据。
可选地,所述第二记录模块还配置为:
继续对所述浏览器进行监听,当监听所述鼠标触发mousemove事件时,记录所述鼠标发起所述mousemove事件时的第二位置,其中,所述第二位置包括所述鼠标触发mousemove事件时在所述浏览器页面中的X方向和Y方向上的数据。
可选地,所述第一控制模块还配置为:
利用所述第一位置和所述第二位置获取鼠标在所述浏览器页面中的偏移位置,并控制所述浏览器页面滚动到与所述偏移位置相匹配的位置。
可选地,所述第一控制模块还配置为:
利用所述第一位置和所述第二位置获取所述鼠标在所述浏览器页面中的水平偏移量和垂直偏移量,基于所述水平偏移量和垂直偏移量控制所述浏览器页面进行滚动。
可选地,所述第一控制模块包括:
水平控制单元,配置为根据所述第一位置中的X方向数据和所述第二位置中的X方向数据的差获取所述鼠标在所述浏览器页面中的水平偏移量,基于所述水平偏移量控制所述浏览器页面的水平滚动;
垂直控制单元,配置为根据所述第一位置中的Y方向数据和所述第二位置中的Y方向数据的差获取所述鼠标在所述浏览器页面中的垂直偏移量,基于所述垂直偏移量控制所述浏览器页面的垂直滚动。
可选地,所述装置还包括:
第二控制模块,配置为当在所述第二触发事件被持续触发预设时间后,监听到触发浏览器页面停止滚动的第三触发事件时,控制所述浏览器页面停止滚动。
可选地,所述第二控制模块还配置为:
当在所述第二触发事件被持续触发预设时间后,监听到所述鼠标触发mouseup事件时,控制所述浏览器页面停止滚动。
根据本发明的再一个方面,还提供了一种电子设备,其中,包括:
处理器;以及
被安排成存储计算机可执行指令的存储器,所述可执行指令在被执行时使所述处理器执行根据上述任一项所述的对浏览器网页进行滚动式浏览的方法。
根据本发明的再一个方面,还提供了一种计算机可读存储介质,其中,所述计算机可读存储介质存储一个或多个程序,所述一个或多个程序当被包括多个应用程序的电子设备执行时,使得所述电子设备执行根据上述任一项所述的对浏览器网页进行滚动式浏览的方法。
本发明提出了一种操作更加简便的对浏览器网页进行滚动式浏览的方法及装置,根据本发明提供的方法,通过对已开启至少一个浏览器网页的浏览器中的触发事件进行监听,当监听到能够触发滚动是浏览启动的第一触发事件时,记录发起该第一触发事件的硬件设备的第一位置,当继续监听到触发浏览器页面滚动的第二触发事件时,记录发起该第二触发事件的硬件设备的第二位置,利用硬件设备的第一位置和第二位置确定浏览器页面的偏移位置,最后控制浏览器页面滚动到与该偏移位置相匹配的位置。本发明提供的对浏览器网页进行滚动式浏览的方法可将浏览器页面随着控制设备的偏移方向进行滚动,只通过简单的操作控制设备即可实现浏览器网页的滚动浏览。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
根据下文结合附图对本发明具体实施例的详细描述,本领域技术人员将会更加明了本发明的上述以及其他目的、优点和特征。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1是根据本发明实施例的对浏览器网页进行滚动式浏览的方法流程示意图;
图2是根据本发明优选实施例的对浏览器网页进行滚动式浏览的方法流程示意图;
图3是根据本发明实施例的对浏览器网页进行滚动式浏览的装置结构示意图;
图4是根据本发明优选实施例的对浏览器网页进行滚动式浏览的装置结构示意图;
图5是根据本发明实施例的用于执行根据本发明的对浏览器网页进行滚动式浏览的方法的计算设备的框图示意图;以及
图6是根据本发明实施例的用于保持或者携带实现根据本发明的对浏览器网页进行滚动式浏览的方法的程序代码的存储单元示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1是根据本发明实施例的对浏览器网页进行滚动式浏览的方法流程示意图。如图1所示,根据本发明实施例的对浏览器网页进行滚动式浏览的方法包括:
步骤S102,对于已开启至少一个浏览器网页的浏览器,监听到触发滚动式浏览启动的第一触发事件时,记录发起第一触发事件的硬件设备的第一位置;
步骤S104,继续对浏览器进行监听,当监听到触发浏览器页面滚动的第二触发事件时,记录发起第二触发事件的硬件设备的第二位置;
步骤S106,利用第一位置和所述第二位置确定所述浏览器页面的偏移位置,并控制浏览器页面滚动到与该偏移位置相匹配的位置。
本发明实施例提出了一种操作更加简便的对浏览器网页进行滚动式浏览的方法,根据本发明实施例提供的方法,通过对已开启至少一个浏览器网页的浏览器中的触发事件进行监听,当监听到能够触发滚动是浏览启动的第一触发事件时,记录发起该第一触发事件的硬件设备的第一位置,当继续监听到触发浏览器页面滚动的第二触发事件时,记录发起该第二触发事件的硬件设备的第二位置,利用硬件设备的第一位置和第二位置确定浏览器页面的偏移位置,最后控制浏览器页面滚动到与该偏移位置相匹配的位置。本发明实施例提供的对浏览器网页进行滚动式浏览的方法可将浏览器页面随着控制设备的偏移方向进行滚动,只通过简单的操作控制设备即可实现浏览器网页的滚动浏览。
可选地,控制设备可以是鼠标、键盘或是其他外接设备,以鼠标进行举例说明。
当控制设备为鼠标时,上述步骤S102可以进一步包括:对于已开启至少一个浏览器网页的浏览器,监听到鼠标触发mousedown事件时,记录鼠标发起mousedown事件时的第一位置。即当鼠标指针在浏览器网页显示界面中,当按下鼠标按键时,会发生mousedown事件。与click事件不同,mousedown事件仅需要按键被按下,而不需要松开即可发生。通常情况下,多数用户习惯右手使用鼠标,可以设定按下鼠标左键时,即可触发mousedown事件,此时,便记录鼠标指针在浏览器页面中的位置作为第一位置。优选地,第一位置可以包括鼠标触发mousedown事件时鼠标指针在浏览器页面中的X方向和Y方向上的数据。
继续对浏览器进行监听,当监听到鼠标触发mousemove事件时,记录鼠标发起mousemove事件的第二位置。mousemove事件伴随鼠标指针在浏览器网页中移动时连续不断地产生,除非有另一个对象捕获了鼠标,否则,当鼠标位置在对象的边界范围内时该对象就能接收mousemove事件。也就是说,按下鼠标左键不放开,移动鼠标即可。优选地,第二位置也可以包括鼠标触发mousemove事件时鼠标指针在浏览器页面移动时的X方向和Y方向上的数据。
当分别获取到鼠标触发mousedown事件和mousemove事件时的第一位置和第二位置后,就可以获取鼠标在浏览器页面中的偏移位置,进而控制浏览器页面滚动到与该偏移位置相匹配的位置。优选地,利用第一位置和第二位置获取鼠标在所述浏览器页面中的水平偏移量和垂直偏移量,基于所述水平偏移量和垂直偏移量控制浏览器页面进行滚动。
一般情况下,在浏览页面时是通过上下滚动或是左右滚动实现浏览器页面的滚动浏览,因此,利用鼠标触发mousedown事件的第一位置和鼠标触发mousemove事件的第二位置获取鼠标指针在浏览器页面中的水平偏移量和垂直偏移量,基于获取到的鼠标指针的水平偏移量和垂直偏移量控制浏览器页面的左右滚动和上下滚动。
在本实施例中,当用户按下鼠标左键不放并上下或左右移动鼠标时,浏览器的整个页面会随着书包上下或左右移动,通过采用本实施例提供的对浏览器网页进行滚动式浏览的方法,用户通过简单的操作就可以进行浏览器网页的滚动式浏览,且浏览器网页每次滚动的距离都可以通过鼠标根据用户的需求任意控制,更加方便用户对网页进行快捷浏览,用户体验更高。
上文提及,可以利用鼠标触发mousedown事件和mousemove事件时的第一位置和第二位置获取鼠标指针在浏览器页面中的水平偏移量和垂直偏移量,进而控制浏览器页面的滚动。在实际应用中,可以根据第一位置中的X方向数据和第二位置中的X方向数据的差获取所述鼠标在浏览器页面中的水平偏移量,基于该水平偏移量控制浏览器页面的水平滚动;根据第一位置中的Y方向数据和第二位置中的Y方向数据的差获取鼠标在浏览器页面中的垂直偏移量,基于该垂直偏移量控制浏览器页面的垂直滚动。采用上述操作方式可以更加精准地控制浏览器页面的滚动,更符合用户在浏览页面时的滚动需求。
进一步地,如果第二触发事件被持续触发预设时间后,监听到触发浏览器页面停止滚动的第三触发事件,就可以控制浏览器页面停止滚动。仍然以鼠标为例进行详细介绍,若鼠标持续触发mousemove特定时间之后,监听到mouseup事件,说明用户已经松开鼠标左键,结束了浏览器网页的滚动浏览,此时,就可以控制浏览器网页停止滚动。如果是检测到鼠标指针在浏览器页面快速移动后松开鼠标按键,即鼠标触发的mousemove事件时的操作频率超过一定的阈值,则控制浏览器页面慢慢减速到停止滚动的状态。
可选地,以上通过鼠标按键控制浏览器页面滚动式浏览的功能可以由用户任意打开或关闭。也就是说,在进行控制设备控制浏览器页面滚动式浏览之前,可以先执行一段脚本测试用户是否开启通过控制设备控制浏览器页面滚动,如果检测结果为是,则根据用户对鼠标、键盘等外接设备的控制进而控制浏览器页面的滚动。如果检测到用户没有开启,则不根据用户对外接设备的控制执行滚动浏览页面的操作。
下面通过一个优选实施例对上述实施例进行说明,图2示出了根据本发明优选实施例提供的对浏览器网页进行滚动式浏览的方法流程示意图。如图2所示,本发明优选实施例的对浏览器网页进行滚动式浏览的方法流包括:
步骤S202,检测到浏览器至少一个浏览器网页被开启,执行特定javascript脚本判断用户开启鼠标控制页面滚动功能,则开始监听document的mousedown、mousemove、mouseup事件;可选地,这一功能可通过设置开关按钮或是快捷键进行控制;
步骤S204,监听到用户在浏览器页面上按下鼠标左键触发的mousedown事件,记录鼠标指针当前在浏览器页面中的第一位置,包括x与y方向位置;优选地,可以保存在以下变量中:var startX=e.pageX,startY=e.pageY;
步骤S206,监听到鼠标在移动过程中触发mousemove事件时,记录鼠标指针当前在浏览器页面中的第二位置,包括x与y方向的位置;优选地,可以将其保存在以下变量中:varmoveX=e.pageX,moveY=e.pageY;
步骤S208,根据鼠标的第一位置和第二位置确定浏览器页面的水平偏移量和垂直偏移量,即浏览器页面的scrollLeft与scrollTop的变化,具体可通过以下方式:
document.body.scrollLeft=document.body.scrollLeft+(moveX-startX);
document.body.scrollTop=document.body.scrollTop+(moveY-startY);
步骤S210,当监听到mouseup事件时,停止浏览器页面滚动。
可选地,上述触发滚动式浏览启动、触发浏览器页面滚动以及触发浏览器页面停止滚动的触发事件还可以通过键盘的组合快捷键或是其他外接设备进行触发,本发明不做限定。
基于上文各个实施例提供的对浏览器网页进行滚动式浏览的方法,基于同一发明构思,本发明实施例还提供了一种对浏览器网页进行滚动式浏览的装置。如图3所示,根据本发明实施例提供的对浏览器网页进行滚动式浏览的装置包括:
第一记录模块10,配置为对于已开启至少一个浏览器网页的浏览器,监听到触发滚动式浏览启动的第一触发事件时,记录发起第一触发事件的硬件设备的第一位置;
第二记录模块20,配置为继续对浏览器进行监听,当监听到触发浏览器页面滚动的第二触发事件时,记录发起第二触发事件的硬件设备的第二位置;
第一控制模块30,配置为利用第一位置和第二位置确定浏览器页面的偏移位置,并控制浏览器页面滚动到与偏移位置相匹配的位置。
在本发明一个优选实施例中,第一记录模块10还可以配置为:
对于已开启至少一个浏览器网页的浏览器,监听到鼠标触发mousedown事件时,记录鼠标发起mousedown事件时的第一位置,其中,第一位置包括鼠标触发mousedown事件时在浏览器页面中的X方向和Y方向上的数据。
在本发明一个优选实施例中,第二记录模块20还可以配置为:
继续对浏览器进行监听,当监听鼠标触发mousemove事件时,记录鼠标发起mousemove事件时的第二位置,其中,第二位置包括鼠标触发mousemove事件时在浏览器页面中的X方向和Y方向上的数据。
在本发明一个优选实施例中,第一控制模块30还可以配置为:
利用第一位置和第二位置获取鼠标在浏览器页面中的偏移位置,并控制浏览器页面滚动到与偏移位置相匹配的位置。
在本发明一个优选实施例中,第一控制模块30还可以配置为:
利用第一位置和第二位置获取鼠标在浏览器页面中的水平偏移量和垂直偏移量,基于水平偏移量和垂直偏移量控制浏览器页面进行滚动。
在本发明一个优选实施例中,如图4所示,第一控制模块30还可以包括:
水平控制单元31,配置为根据第一位置中的X方向数据和第二位置中的X方向数据的差获取鼠标在浏览器页面中的水平偏移量,基于水平偏移量控制浏览器页面的水平滚动;
垂直控制单元32,配置为根据第一位置中的Y方向数据和第二位置中的Y方向数据的差获取鼠标在浏览器页面中的垂直偏移量,基于垂直偏移量控制浏览器页面的垂直滚动。
在本发明一个优选实施例中,如图4所示,上述装置还可以包括:
第二控制模块40,配置为当在第二触发事件被持续触发预设时间后,监听到触发浏览器页面停止滚动的第三触发事件时,控制浏览器页面停止滚动。
在本发明一个优选实施例中,第二控制模块40还可以配置为:
当在第二触发事件被持续触发预设时间后,监听到鼠标触发mouseup事件时,控制浏览器页面停止滚动。
本发明实施例提出了一种操作更加简便的对浏览器网页进行滚动式浏览的方法及装置,根据本发明提供的方法,通过对已开启至少一个浏览器网页的浏览器中的触发事件进行监听,当监听到能够触发滚动是浏览启动的第一触发事件时,记录发起该第一触发事件的硬件设备的第一位置,当继续监听到触发浏览器页面滚动的第二触发事件时,记录发起该第二触发事件的硬件设备的第二位置,利用硬件设备的第一位置和第二位置确定浏览器页面的偏移位置,最后控制浏览器页面滚动到与该偏移位置相匹配的位置。本发明实施例提供的对浏览器网页进行滚动式浏览的方法可将浏览器页面随着控制设备的偏移方向进行滚动,只通过简单的操作控制设备即可实现浏览器网页的滚动浏览。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的对浏览器网页进行滚动式浏览的装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
本发明实施例还提供了一种,电子设备,其中,包括:
处理器;以及
被安排成存储计算机可执行指令的存储器,所述可执行指令在被执行时使所述处理器执行根据上述的对浏览器网页进行滚动式浏览的方法。
本发明实施例还提供了一种计算机可读存储介质,其中,所述计算机可读存储介质存储一个或多个程序,所述一个或多个程序当被包括多个应用程序的电子设备执行时,使得所述电子设备执行根据上述的对浏览器网页进行滚动式浏览的方法。
例如,图5示出了可以实现对浏览器网页进行滚动式浏览的方法的计算设备。该计算设备传统上包括处理器510和存储器520形式的计算机程序产品或者计算机可读介质。存储器520可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。存储器520具有存储用于执行上述方法中的任何方法步骤的程序代码531的存储空间530。例如,存储程序代码的存储空间530可以包括分别用于实现上面的方法中的各种步骤的各个程序代码531。这些程序代码可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。这些计算机程序产品包括诸如硬盘,紧致盘(CD)、存储卡或者软盘之类的程序代码载体。这样的计算机程序产品通常为例如图6所示的便携式或者固定存储单元。该存储单元可以具有与图5的计算设备中的存储器520类似布置的存储段、存储空间等。程序代码可以例如以适当形式进行压缩。通常,存储单元包括用于执行本发明的方法步骤的计算机可读代码531’,即可以由诸如510之类的处理器读取的代码,当这些代码由计算设备运行时,导致该计算设备执行上面所描述的方法中的各个步骤。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
至此,本领域技术人员应认识到,虽然本文已详尽示出和描述了本发明的多个示例性实施例,但是,在不脱离本发明精神和范围的情况下,仍可根据本发明公开的内容直接确定或推导出符合本发明原理的许多其他变型或修改。因此,本发明的范围应被理解和认定为覆盖了所有这些其他变型或修改。

Claims (10)

1.一种对浏览器网页进行滚动式浏览的方法,应用于利用硬件设备对浏览器进行控制,包括:
对于已开启至少一个浏览器网页的浏览器,监听到触发滚动式浏览启动的第一触发事件时,记录发起所述第一触发事件的硬件设备的第一位置;
继续对所述浏览器进行监听,当监听到触发浏览器页面滚动的第二触发事件时,记录发起所述第二触发事件的硬件设备的第二位置;
利用所述第一位置和所述第二位置确定所述浏览器页面的偏移位置,并控制所述浏览器页面滚动到与所述偏移位置相匹配的位置。
2.根据权利要求1所述的方法,其中,所述对于已开启至少一个浏览器网页的浏览器,监听到触发滚动式浏览启动的第一触发事件时,记录发起所述第一触发事件的硬件设备的第一位置,包括:
对于已开启至少一个浏览器网页的浏览器,监听到鼠标触发mousedown事件时,记录所述鼠标发起所述mousedown事件时的第一位置,其中,所述第一位置包括所述鼠标触发mousedown事件时在所述浏览器页面中的X方向和Y方向上的数据。
3.根据权利要求1或2所述的方法,其中,所述继续对所述浏览器进行监听,当监听到触发浏览器页面滚动的第二触发事件时,记录发起所述第二触发事件的硬件设备的第二位置,包括:
继续对所述浏览器进行监听,当监听所述鼠标触发mousemove事件时,记录所述鼠标发起所述mousemove事件时的第二位置,其中,所述第二位置包括所述鼠标触发mousemove事件时在所述浏览器页面中的X方向和Y方向上的数据。
4.根据权利要求1-3任一项所述的方法,其中,所述利用所述第一位置和所述第二位置确定所述浏览器页面的偏移位置,并控制所述浏览器页面滚动到与所述偏移位置相匹配的位置,包括:
利用所述第一位置和所述第二位置获取鼠标在所述浏览器页面中的偏移位置,并控制所述浏览器页面滚动到与所述偏移位置相匹配的位置。
5.根据权利要求1-4任一项所述的方法,其中,所述利用所述第一位置和所述第二位置获取鼠标在所述浏览器页面中的偏移位置,并控制所述浏览器页面滚动到与所述偏移位置相匹配的位置,包括:
利用所述第一位置和所述第二位置获取所述鼠标在所述浏览器页面中的水平偏移量和垂直偏移量,基于所述水平偏移量和垂直偏移量控制所述浏览器页面进行滚动。
6.根据权利要求1-5任一项所述的方法,其中,所述利用所述第一位置和所述第二位置获取所述鼠标在所述浏览器页面中的水平偏移量和垂直偏移量,基于所述水平偏移量和垂直偏移量控制所述浏览器页面进行滚动,包括:
根据所述第一位置中的X方向数据和所述第二位置中的X方向数据的差获取所述鼠标在所述浏览器页面中的水平偏移量,基于所述水平偏移量控制所述浏览器页面的水平滚动;
根据所述第一位置中的Y方向数据和所述第二位置中的Y方向数据的差获取所述鼠标在所述浏览器页面中的垂直偏移量,基于所述垂直偏移量控制所述浏览器页面的垂直滚动。
7.根据权利要求1-6任一项所述的方法,其中,所述利用所述第一位置和所述第二位置确定所述浏览器页面的偏移位置,并控制所述浏览器页面滚动到与所述偏移位置相匹配的位置之后,还包括:
若在所述第二触发事件被持续触发预设时间后,监听到触发浏览器页面停止滚动的第三触发事件,则控制所述浏览器页面停止滚动。
8.一种对浏览器网页进行滚动式浏览的装置,应用于利用硬件设备控制的浏览器,包括:
第一记录模块,配置为对于已开启至少一个浏览器网页的浏览器,监听到触发滚动式浏览启动的第一触发事件时,记录发起所述第一触发事件的硬件设备的第一位置;
第二记录模块,配置为继续对所述浏览器进行监听,当监听到触发浏览器页面滚动的第二触发事件时,记录发起所述第二触发事件的硬件设备的第二位置;
第一控制模块,配置为利用所述第一位置和所述第二位置确定所述浏览器页面的偏移位置,并控制所述浏览器页面滚动到与所述偏移位置相匹配的位置。
9.一种电子设备,其中,包括:
处理器;以及
被安排成存储计算机可执行指令的存储器,所述可执行指令在被执行时使所述处理器执行根据权利要求1至7任一项所述的对浏览器网页进行滚动式浏览的方法。
10.一种计算机可读存储介质,其中,所述计算机可读存储介质存储一个或多个程序,所述一个或多个程序当被包括多个应用程序的电子设备执行时,使得所述电子设备执行根据权利要求1至7任一项所述的对浏览器网页进行滚动式浏览的方法。
CN201711484945.5A 2017-12-29 2017-12-29 对浏览器网页进行滚动式浏览的方法及装置 Pending CN107958092A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201711484945.5A CN107958092A (zh) 2017-12-29 2017-12-29 对浏览器网页进行滚动式浏览的方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201711484945.5A CN107958092A (zh) 2017-12-29 2017-12-29 对浏览器网页进行滚动式浏览的方法及装置

Publications (1)

Publication Number Publication Date
CN107958092A true CN107958092A (zh) 2018-04-24

Family

ID=61955689

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201711484945.5A Pending CN107958092A (zh) 2017-12-29 2017-12-29 对浏览器网页进行滚动式浏览的方法及装置

Country Status (1)

Country Link
CN (1) CN107958092A (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109521894A (zh) * 2018-10-19 2019-03-26 北京金山云网络技术有限公司 业务执行方法、装置及电子设备
CN110134308A (zh) * 2019-05-17 2019-08-16 深圳前海微众银行股份有限公司 数据展示方法、装置、设备及计算机可读存储介质
CN110221758A (zh) * 2019-04-29 2019-09-10 平安科技(深圳)有限公司 滚动条控制方法、装置、计算机设备和存储介质
CN110489684A (zh) * 2019-08-16 2019-11-22 腾讯科技(深圳)有限公司 用于显示浏览器页面的方法、设备、装置和存储介质
CN110858241A (zh) * 2018-08-16 2020-03-03 上海哔哩哔哩科技有限公司 基于浏览器的自适应排版方法、装置和存储介质
CN114115562A (zh) * 2021-11-29 2022-03-01 东软集团股份有限公司 事件监听方法、装置、介质及电子设备
CN114968050A (zh) * 2022-05-25 2022-08-30 杭州安恒信息技术股份有限公司 一种触控加载数据方法、装置、设备、存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1157435A (zh) * 1996-10-29 1997-08-20 高军 根据鼠标移动方向实现屏幕内容滚动的鼠标使用方法
CN1855093A (zh) * 2005-04-29 2006-11-01 马堃 手持设备交互式动态浏览器及其显示控制方法
CN102221966A (zh) * 2011-05-20 2011-10-19 广州市动景计算机科技有限公司 基于移动终端的触摸屏的划屏操作的内容浏览方法及装置
CN102955661A (zh) * 2011-08-19 2013-03-06 三星电子株式会社 用于使用指示装置引导屏幕上的内容的方法和设备
US20130074004A1 (en) * 2011-09-21 2013-03-21 Perception Digital Limited Method and device for displaying digest of rss by window
CN104145236A (zh) * 2012-02-24 2014-11-12 三星电子株式会社 用于移动终端中的内容的方法和装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1157435A (zh) * 1996-10-29 1997-08-20 高军 根据鼠标移动方向实现屏幕内容滚动的鼠标使用方法
CN1855093A (zh) * 2005-04-29 2006-11-01 马堃 手持设备交互式动态浏览器及其显示控制方法
CN102221966A (zh) * 2011-05-20 2011-10-19 广州市动景计算机科技有限公司 基于移动终端的触摸屏的划屏操作的内容浏览方法及装置
CN102955661A (zh) * 2011-08-19 2013-03-06 三星电子株式会社 用于使用指示装置引导屏幕上的内容的方法和设备
US20130074004A1 (en) * 2011-09-21 2013-03-21 Perception Digital Limited Method and device for displaying digest of rss by window
CN104145236A (zh) * 2012-02-24 2014-11-12 三星电子株式会社 用于移动终端中的内容的方法和装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
百度经验: "如何拖动没有滚动条的内容,及网页自动下拉", 《HTTPS://JINGYAN.BAIDU.COM/ARTICLE/624E7459A2E7DC34E9BA5A7F.HTML》 *

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110858241A (zh) * 2018-08-16 2020-03-03 上海哔哩哔哩科技有限公司 基于浏览器的自适应排版方法、装置和存储介质
CN109521894A (zh) * 2018-10-19 2019-03-26 北京金山云网络技术有限公司 业务执行方法、装置及电子设备
CN110221758A (zh) * 2019-04-29 2019-09-10 平安科技(深圳)有限公司 滚动条控制方法、装置、计算机设备和存储介质
CN110134308A (zh) * 2019-05-17 2019-08-16 深圳前海微众银行股份有限公司 数据展示方法、装置、设备及计算机可读存储介质
CN110489684A (zh) * 2019-08-16 2019-11-22 腾讯科技(深圳)有限公司 用于显示浏览器页面的方法、设备、装置和存储介质
CN114115562A (zh) * 2021-11-29 2022-03-01 东软集团股份有限公司 事件监听方法、装置、介质及电子设备
CN114968050A (zh) * 2022-05-25 2022-08-30 杭州安恒信息技术股份有限公司 一种触控加载数据方法、装置、设备、存储介质

Similar Documents

Publication Publication Date Title
CN107958092A (zh) 对浏览器网页进行滚动式浏览的方法及装置
US20150029149A1 (en) Apparatus and Method for Navigating on a Touch Sensitive Screen Thereof
CN102081647B (zh) 显示弹出式广告的方法和设备
CN106201632B (zh) 一种应用程序的访问方法及移动终端
CN104063280A (zh) 一种智能终端的控制方法
CN104102441A (zh) 一种菜单项执行方法及装置
CN105892871B (zh) 一种滚动页面的方法和电子设备
CN106250190A (zh) 一种应用启动方法及终端
CN107506130B (zh) 一种文字删除方法及移动终端
CN103064627A (zh) 一种应用程序管理方法及装置
WO2012135949A1 (en) Electronic device and method of displaying touch-sensitive information
CN107885645A (zh) 计算页面首屏渲染时长的方法、装置及电子设备
CN106681616B (zh) 一种浏览器功能栏显示方法、装置及设备
CN105117162A (zh) 一种应用程序页面切换方法及用户终端
US20130254700A1 (en) Force-based contextualizing of multiple pages for electronic book reader
CN103838486B (zh) 一种终端显示页面的操作方法及终端
CN106648329A (zh) 一种应用图标的显示方法及移动终端
CN103870191A (zh) 网页保存的方法及电子设备
US20140181636A1 (en) Detection and Repositioning of Pop-up Dialogs
CN109547623B (zh) 一种界面切换方法及装置
US7966571B2 (en) Methods, apparatus and computer programs for navigating within a user interface
CN104461265A (zh) 一种用户操作的响应方法和装置
CN102681748A (zh) 一种信息处理设备以及信息处理方法
CN106873883A (zh) 一种基于手势的跨屏长截图的方法、装置
CN106855885B (zh) 一种浏览器的页面处理方法及终端

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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20180424