CN103390053A - 浏览器的页面切换控制方法、装置和客户端 - Google Patents
浏览器的页面切换控制方法、装置和客户端 Download PDFInfo
- Publication number
- CN103390053A CN103390053A CN2013103193942A CN201310319394A CN103390053A CN 103390053 A CN103390053 A CN 103390053A CN 2013103193942 A CN2013103193942 A CN 2013103193942A CN 201310319394 A CN201310319394 A CN 201310319394A CN 103390053 A CN103390053 A CN 103390053A
- Authority
- CN
- China
- Prior art keywords
- target pages
- page
- former page
- window
- picture
- 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
Abstract
本发明的实施例提供了一种浏览器的页面切换控制方法、装置和客户端,为使得页面切换自然、连续、流畅而发明。所述浏览器的页面切换控制方法包括以下步骤:接收用户输入的切换指令,并根据切换指令获取目标页面和原页面;根据切换指令生成覆盖窗口以覆盖浏览器中的当前窗口;分别获取目标页面和原页面的目标页面图片和原页面图片;以及在覆盖窗口中加载目标页面图片和原页面图片,并根据切换指令在当前窗口中控制原页面切换至目标页面,同时在覆盖窗口中控制原页面图片切换至目标页面图片。本发明的实施例可用于浏览器技术中。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种浏览器的页面切换控制方法、装置和客户端。
背景技术
在开发者和爱好者的不断探索和努力下,浏览器技术不断革新,出现了开放源代码的浏览器,例如,Chrome浏览器(谷歌公司发布的一款浏览器),这些浏览器支持扩展功能,允许其他开发者添加自定义特性和功能,目前最常见的是添加鼠标手势的操作,即利用鼠标做出一系列动作控制浏览器完成某些操作,例如,按住鼠标右键,在页面窗口中画某种特定的移动轨迹,然后根据移动轨迹进行前进、后退、刷新和关闭窗口等操作。
根据鼠标手势进行操作在一定程度上减少了用户的操作成本,但是,存在以下问题:在实际触发鼠标手势之后,浏览器中的当前页面即原页面直接跳转到前进或后退的目标页面,切换的过程中,原页面消失,并在空白页面中进行目标页面的重新载入,整个目标页面都需要重新布局排版和渲染,而且仍按照渲染顺序逐渐地自左至右自上至下显示页面内容,由此,导致页面切换不够连续流畅,用户体验差。
发明内容
本发明旨在至少解决上述技术问题之一。
为此,本发明的第一个目的在于提出一种浏览器的页面切换控制方法。该方法使得页面切换自然、连续、流畅,提升了用户体验。
本发明的第二个目的在于提出一种浏览器的页面切换控制装置。
本发明的第三个目的在于提出一种客户端。
为了实现上述目的,本发明第一方面实施例的浏览器的页面切换控制方法包括以下步骤:接收用户输入的切换指令,并根据所述切换指令获取目标页面和原页面;根据所述切换指令生成覆盖窗口以覆盖所述浏览器中的当前窗口;分别获取所述目标页面和原页面的目标页面图片和原页面图片;以及在所述覆盖窗口中加载所述目标页面图片和原页面图片,并根据所述切换指令在所述当前窗口中控制所述原页面切换至所述目标页面,同时在所述覆盖窗口中控制所述原页面图片切换至所述目标页面图片。
根据本发明实施例的浏览器的页面切换控制方法,浏览器在进行页面导航时,对已经渲染完成的原页面和目标页面进行图片绘制并保存,当接收到切换指令后,新建覆盖窗口,通过覆盖窗口中切换原页面图片和目标页面图片,同时浏览器后台对真实的目标页面进行渲染和加载,在手势操作完成之后,在当前窗口中显示目标页面,用户在浏览器中看到的是切换过程只显示页面的图片,由此,页面切换变得自然、连续、流畅,提升了用户体验。
为了实现上述目的,本发明第二方面实施例的浏览器的页面切换控制装置,包括:第一接收模块,用于接收用户输入的切换指令;第一获取模块,用于根据所述切换指令获取目标页面和原页面;覆盖窗口管理模块,用于根据所述切换指令生成覆盖窗口以覆盖所述浏览器中的当前窗口;第二获取模块,用于分别获取所述目标页面和原页面的目标页面图片和原页面图片;加载模块,用于在所述覆盖窗口中加载所述目标页面图片和原页面图片;以及切换控制模块,用于根据所述切换指令在所述当前窗口中控制所述原页面切换至所述目标页面,同时在所述覆盖窗口中控制所述原页面图片切换至所述目标页面图片。
根据本发明实施例的浏览器的页面切换控制装置,在进行页面导航时,对已经渲染完成的原页面和目标页面进行图片绘制并保存,当接收到切换指令后,新建覆盖窗口,通过覆盖窗口中切换原页面图片和目标页面图片,同时后台对真实的目标页面进行渲染和加载,在手势操作完成之后,在当前窗口中显示目标页面,用户在浏览器中看到的是切换过程只显示页面的图片,由此,页面切换变得自然、连续、流畅,提升了用户体验。
为了实现上述目的,本发明第三方面实施例的客户端,包括:外壳,屏幕,处理器,存储器和电路板;所述屏幕安置在所述外壳上,所述电路板安置在所述外壳围成的空间内部,所述处理器和所述存储器设置在所述电路板上;所述存储器用于存储可执行程序代码;所述处理器通过读取所述存储器中存储的可执行程序代码来运行与所述可执行程序代码对应的程序,以用于:接收用户输入的切换指令,并根据所述切换指令获取目标页面和原页面;根据所述切换指令生成覆盖窗口以覆盖所述浏览器中的当前窗口;分别获取所述目标页面和原页面的目标页面图片和原页面图片;以及在所述覆盖窗口中加载所述目标页面图片和原页面图片,并根据所述切换指令在所述当前窗口中控制所述原页面切换至所述目标页面,同时在所述覆盖窗口中控制所述原页面图片切换至所述目标页面图片。
根据本发明实施例的客户端,在进行页面导航时,对已经渲染完成的原页面和目标页面进行图片绘制并保存,当接收到切换指令后,新建覆盖窗口,通过覆盖窗口中切换原页面图片和目标页面图片,同时处理器对真实的目标页面进行渲染和加载,在手势操作完成之后,在当前窗口中显示目标页面,用户看到的是切换过程只显示页面的图片,由此,页面切换变得自然、连续、流畅,提升了用户体验。
本发明附加的方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本发明的实践了解到。
附图说明
本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中,
图1是根据本发明一个实施例的浏览器的页面切换控制方法的流程图;
图2是根据本发明一个具体实施例的浏览器的页面切换控制方法的流程图;
图3是根据本发明另一个具体实施例的浏览器的页面切换控制方法的流程图;
图4是根据本发明又一个具体实施例的浏览器的页面切换控制方法的流程图;
图5是根据本发明再一个具体实施例的浏览器的页面切换控制方法的流程图;
图6是根据本发明又另一个具体实施例的浏览器的页面切换控制方法的流程图;
图7(a)是根据本发明实施例的前进切换操作的一种示例性示意图;
图7(b)是根据本发明实施例的后退切换操作的一种示例性示意图;
图8是根据本发明一个实施例的浏览器的页面切换控制装置的结构示意图;
图9是根据本发明另一个实施例的浏览器的页面切换控制装置的结构示意图;
图10是根据本发明又一个实施例的浏览器的页面切换控制装置的结构示意图;
图11是根据本发明再一个实施例的浏览器的页面切换控制装置的结构示意图。
具体实施方式
下面详细描述本发明的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本发明,而不能理解为对本发明的限制。相反,本发明的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。
在本发明的描述中,需要理解的是,术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要性。在本发明的描述中,需要说明的是,除非另有明确的规定和限定,术语“相连”、“连接”应做广义理解,例如,可以是固定连接,也可以是可拆卸连接,或一体地连接;可以是机械连接,也可以是电连接;可以是直接相连,也可以通过中间媒介间接相连。对于本领域的普通技术人员而言,可以具体情况理解上述术语在本发明中的具体含义。此外,在本发明的描述中,除非另有说明,“多个”的含义是两个或两个以上。
流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为,表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分,并且本发明的优选实施方式的范围包括另外的实现,其中可以不按所示出或讨论的顺序,包括根据所涉及的功能按基本同时的方式或按相反的顺序,来执行功能,这应被本发明的实施例所属技术领域的技术人员所理解。
下面参考附图描述根据本发明实施例的浏览器的页面切换控制方法、装置和客户端。
为了解决现有技术在切换页面时存在的问题,使得浏览器切换页面时更加流畅、平滑、自然,为此提出一种浏览器的页面切换控制方法,对切换过程进行了改进,具体地,获取目标页面的目标页面图片和原页面的原页面图片,生成覆盖当前窗口的覆盖窗口,并在覆盖窗口中加载目标页面图片和原页面图片,以及在当前窗口中控制原页面切换至目标页面,以实现页面流畅、平滑、自然的切换。
图1是根据本发明一个实施例的浏览器的页面切换控制方法的流程图。如图1所示,浏览器的页面切换控制方法包括以下步骤。
S101,接收用户输入的切换指令,并根据切换指令获取目标页面和原页面。
在本发明的一个实施例中,切换指令由用户通过鼠标手势输入。具体地,使用鼠标做出一系列动作以控制应用程序完成相应操作时的一系列动作即为鼠标手势,更具体地,按下鼠标的某个键(例如,左键、右键或滚动键等)在浏览器的当前窗口中画出一个移动轨迹,即为切换指令,举例来说,按下鼠标右键向左拖动,为控制浏览器中页面向左移动的切换指令,按下鼠标右键向右拖动,为控制浏览器中页面向右移动的切换指令等等。
在本发明的一个实施例中,需要对鼠标手势进行判断,具体判断方法为:设定一个最小移动距离,从按下鼠标时鼠标的位置坐标起,捕获鼠标点击和移动信息(可以是跟踪鼠标的位置),当鼠标的移动距离大于最小移动距离时,则认为是手势操作,否则认为是点击操作,由此可防止误操作。
在本发明的另一个实施例中,为了减少用户操作鼠标的移动操作,有效响应切换指令,对于最小移动距离的设定,可以考虑鼠标移动过程中,在一定时间间隔(即按下到松开鼠标键,或者按下到当前位置)内的水平移动距离,有两种设置方式:阈值a为,在设定时间间隔内水平移动距离;阈值b为,超出设定时间间隔后水平移动的距离;阈值a小于阈值b;比如,阈值a可以是在100ms(毫秒)内鼠标水平移动10px则触发切换指令,其中,px为一个像素点,阈值b可以是超过200ms之后则需移动30px才能触发切换指令;或者,阈值a可以是在150ms内鼠标水平移动15px判断为切换指令,超过150ms则需要移动20px才能判断为切换指令。这样,如果用户鼠标按键移动速度快,则移动较少距离达到阈值a就能触发切换指令,如果鼠标按键移动速度慢则需要移动较长距离到阈值b才能触发切换指令。
S102,根据切换指令生成覆盖窗口以覆盖浏览器中的当前窗口。
在本发明的一个实施例中,覆盖窗口相对于当前窗口透明。其中,相对于当前窗口透明可为全透明,即用户在浏览器中看到的只有当前窗口,覆盖窗口用户看不见但是实际存在,由此,可使得覆盖窗口不影响当前窗口的显示,提升用户体验;或者,相对于当前窗口透明可为按比例透明,例如半透明,用户还可以设置相应的透明比例,由此,给予用户提示,提示用户是在覆盖窗口中进行鼠标手势操作,提升用户体验。
在本发明的一个实施例中,覆盖窗口的大小和当前窗口相同。应当理解的是,覆盖窗口的大小还可根据需要设定,例如,可设置小于当前窗口。
S103,分别获取目标页面和原页面的目标页面图片和原页面图片。
S104,在覆盖窗口中加载目标页面图片和原页面图片,并根据切换指令在当前窗口中控制原页面切换至目标页面,同时在覆盖窗口中控制原页面图片切换至目标页面图片。
具体地,浏览器在覆盖窗口中加载目标页面图片和原页面图片,覆盖窗口不接收鼠标手势,鼠标手势直接透下去,由覆盖窗口所覆盖的当前窗口接收,在本发明的一个实施例中,当前窗口接收鼠标手势之后,浏览器主进程可根据鼠标手势的移动信息对鼠标手势的移动轨迹进行绘制和显示,可显示在覆盖窗口中,还可以对鼠标手势给出一定的提示,例如,提示是前进操作、后退操作等,同时浏览器后台对真实的目标页面进行渲染和加载,并在当前窗口中展示目标页面以替换原页面,同时在覆盖窗口中展示目标页面图片以替换原页面图片。
根据本发明实施例的浏览器的页面切换控制方法,浏览器在进行页面导航时,对已经渲染完成的原页面和目标页面进行图片绘制并保存,当接收到切换指令后,新建覆盖窗口,通过覆盖窗口中切换原页面图片和目标页面图片,同时浏览器后台对真实的目标页面进行渲染和加载,在手势操作完成之后,在当前窗口中显示目标页面,用户在浏览器中看到的是切换过程只显示页面的图片,由此,页面切换变得自然、连续、流畅,提升了用户体验。
图2是根据本发明一个具体实施例的浏览器的页面切换控制方法的流程图。浏览器生成目标页面图片和原页面图片时,可在用户使用浏览器浏览页面时,在浏览器加载页面后截取页面的内容并绘制以生成页面图片,具体地,如图2所示,浏览器的页面切换控制方法包括以下步骤。
S201,接收用户输入的切换指令,并根据切换指令获取目标页面和原页面。
S202,根据切换指令生成覆盖窗口以覆盖浏览器中的当前窗口。
S203,在浏览器加载目标页面和原页面时,截取目标页面和原页面的内容并绘制以生成目标页面图片和原页面图片。
具体地,用户使用浏览器时,在页面中进行导航时,会产生前进页面或后退页面,这些前进和后退页面都是用户的浏览历史,当用户在页面中进行导航操作时,浏览器截取当前的窗口内容并绘制为页面图片,由此在浏览器加载目标页面和原页面时生成目标页面图片和原页面图片,并可根据页面的唯一标识对页面图片分别进行命名并且保存在磁盘的指定目录中。
S204,在覆盖窗口中加载目标页面图片和原页面图片,并根据切换指令在当前窗口中控制原页面切换至目标页面,同时在覆盖窗口中控制原页面图片切换至目标页面图片。
具体地,浏览器从磁盘指定目录下找到目标页面图片和原页面图片,并在覆盖窗口中加载目标页面图片和原页面图片,在加载目标页面图片和原页面图片的同时,浏览器后台对真实的目标页面进行渲染和加载,在鼠标手势操作之后,在当前窗口中展示目标页面以替换原页面,同时在覆盖窗口中展示目标页面图片以替换原页面图片。
根据本发明实施例的浏览器的页面切换控制方法,在页面导航浏览器加载目标页面和原页面时,截取目标页面和原页面的内容并绘制以生成目标页面图片和原页面图片,由此节约资源,浏览器在加载完成每个页面之后都会截取并绘制对应的图片,再切换时直接使用不再占用网络资源。
图3是根据本发明另一个具体实施例的浏览器的页面切换控制方法的流程图。在当前窗口切换至目标页面之后,可消除覆盖窗口以节约资源,具体地,如图3所示,浏览器的页面切换控制方法包括以下步骤。
S301,接收用户输入的切换指令,并根据切换指令获取目标页面和原页面。
S302,根据切换指令生成覆盖窗口以覆盖浏览器中的当前窗口。
S303,分别获取目标页面和原页面的目标页面图片和原页面图片。
S304,在覆盖窗口中加载目标页面图片和原页面图片,并根据切换指令在当前窗口中控制原页面切换至目标页面,同时在覆盖窗口中控制原页面图片切换至目标页面图片。
S305,在当前窗口切换至目标页面之后,消除覆盖窗口。
应当理解,覆盖窗口的消除和目标页面的显示不分先后顺序,例如,可以先显示目标页面,之后消除覆盖窗口,或者先消除覆盖窗口再显示目标页面,或者同时显示或消除。
根据本发明实施例的浏览器的页面切换控制方法,消除覆盖窗口,一方面可节约资源,另一方面为了更好地显示目标页面,例如,覆盖窗口为半透明时,目标页面可能存在模糊现象,此外,还可方便用户在目标页面上操作。
图4是根据本发明又一个具体实施例的浏览器的页面切换控制方法的流程图。为了使得切换过程更加生动,可以加载切换动画,具体地,如图4所示,浏览器的页面切换控制方法包括以下步骤。
S401,接收用户输入的切换指令,并根据切换指令获取目标页面和原页面。
S402,根据切换指令生成覆盖窗口以覆盖浏览器中的当前窗口。
S403,分别获取目标页面和原页面的目标页面图片和原页面图片。
S404,根据目标页面图片和原页面图片在覆盖窗口中加载切换动画,其中,切换动画为由原页面图片切换至目标页面图片,并根据切换指令在当前窗口中控制原页面切换至目标页面。
S405,在当前窗口切换至目标页面之后,消除覆盖窗口。
在本发明的一个实施例中,S405是可选的。
根据本发明实施例的浏览器的页面切换控制方法,根据目标页面图片和原页面图片在覆盖窗口中加载切换动画,使得切换过程更加流畅、自然、平滑,且容易引起用户注意,提升用户体验。
图5是根据本发明再一个具体实施例的浏览器的页面切换控制方法的流程图。可根据鼠标手势输入的轨迹对切换动画的播放进行控制,具体地,如图5所示,浏览器的页面切换控制方法包括以下步骤。
S501,接收用户输入的切换指令,并根据切换指令获取目标页面和原页面。
S502,根据切换指令生成覆盖窗口以覆盖浏览器中的当前窗口。
S503,分别获取目标页面和原页面的目标页面图片和原页面图片。
S504,根据目标页面图片和原页面图片在覆盖窗口中加载切换动画,其中,切换动画为由原页面图片切换至目标页面图片。
S505,根据鼠标手势输入的轨迹控制切换动画的播放。
在本发明的一个实施例中,控制切换动画与鼠标手势输入同步。
S506,根据切换指令在当前窗口中控制原页面切换至目标页面。
S507,在当前窗口切换至目标页面之后,消除覆盖窗口。
在本发明的一个实施例中,S507是可选的。
根据本发明实施例的浏览器的页面切换控制方法,根据鼠标手势输入的轨迹控制切换动画的播放,使得用户能够真实地体验到拖动页面进行切换,进一步提升用户体验。
图6是根据本发明又另一个具体实施例的浏览器的页面切换控制方法的流程图。可根据移动距离控制目标页面图片替换原页面图片,具体地,如图6所示,浏览器的页面切换控制方法包括以下步骤。
S601,接收用户输入的切换指令,并根据切换指令获取目标页面和原页面。
S602,根据切换指令生成覆盖窗口以覆盖浏览器中的当前窗口。
S603,分别获取目标页面和原页面的目标页面图片和原页面图片。
S604,根据目标页面图片和原页面图片在覆盖窗口中加载切换动画,其中,切换动画为由原页面图片切换至目标页面图片。
S605,获取鼠标手势的移动距离。
S606,根据移动距离控制目标页面图片逐渐地替换原页面图片。
在本发明的一个实施例中,可设置两种切换指令,一种是按下到松开鼠标右键,或者按下托动至当前位置且未松开时,鼠标右移距离超过阈值(参考图1所示的实施例)为前进切换指令,鼠标左移距离超过阈值(参考图1所示的实施例)为后退切换指令。以后退切换指令为例,鼠标按住右键向左拖动,当前页面往左移动,随着鼠标左移,当前页面水平移出当前窗口,相邻的后退页面作为目标页面出现在底层窗口中,当前页面根据鼠标的滑动痕迹执行向左或者向右移动,页面向左或者向右移动的距离与鼠标水平移动的距离互成比例,如果鼠标水平左移的距离超过预设值,则当鼠标右键松开时候,当前窗口页面全部向左移出当前窗口,如果鼠标水平左移的距离没有超过预设值,则当前页面向右移动回到原来的位置,依然覆盖当前窗口。
S607,根据切换指令在当前窗口中控制原页面切换至目标页面。
在本发明的一个实施例中,在目标页面图片逐渐地替换原页面图片的过程中,控制原页面图片以第一亮度显示,且控制目标页面图片以第二亮度显示,其中,第一亮度大于第二亮度。
在本发明的一个实施例中,在目标页面图片逐渐地替换原页面图片完成之后,控制目标页面图片以第一亮度显示。
S608,在当前窗口切换至目标页面之后,消除覆盖窗口。
在本发明的一个实施例中,S608是可选的。
根据本发明实施例的浏览器的页面切换控制方法,根据移动距离控制目标页面图片逐渐地替换原页面图片,使得用户能够真实地体验到拖动页面进行切换,进一步提升用户体验。
为了使得本发明实施例的优点更加明显,下面举例说明。
图7(a)是根据本发明实施例的前进切换操作的一种示例性示意图。
如果判断为前进切换指令,但是鼠标右键还没有松开,此时,在覆盖窗口中绘制和加载目标页面图片(相邻的前进页面图片),根据鼠标向右水平移动的距离,前进页面图片按照预定比例向右移动,切入浏览窗口区域;需要指出的是,在执行前进操作时,目标页面图片总体方向为向右移动,但是在鼠标右键松开之前,目标页面图片会随着鼠标右键的左右移动成比例的左右移动;为了识别前进页面和当前页面,使翻页动作更自然,对加载的目标页面图片的亮度进行调整,使其亮度明显变低,就像遮罩了一层阴影,目标页面图片和当前页面图片亮度不同使用户比较容易区分,可以进一步判断目标页面是否为所需要页面,选择继续是否切换到前进页面还是后退到当前页面。
如果松开鼠标右键后判断为前进切换指令,则在覆盖窗口中绘制和加载目标页面图片(相邻的前进页面图片),使目标页面图片在覆盖窗口中执行向右移动的动画,切入到当前窗口中,例如,动画切换时间可为400ms。同样的,此时也是对目标页面图片保持了阴影处理效果。在执行了切换动画之后,浏览器主进程在后台对目标页面进行渲染;切换动作完成之后,遮罩阴影的目标页面图片在覆盖窗口中保持一段时间,例如,为400ms;然后目标页面图片消失,此时覆盖窗口消除,而真实目标页面显示出来,例如,可设置目标页面图片消失、真实页面展示的过程为600ms。由于真实目标页面一般情况下与目标页面图片是一致的(动态页面会有所不同),因此用户的直观感觉只是目标页面由暗变亮的渐现,真实页面加载之后,浏览器的前进鼠标手势操作完成。
如果没有相邻前进页面,则在覆盖窗口中加载和绘制当前页面图片,在鼠标右键没有松开时,无论鼠标水平右移多少距离,当前页面图片在覆盖窗口中只向右移动固定的预设距离,拟真的告示用户没有前进页面,已经无法拖拽。如果松开鼠标右键,当前页面图片执行向左移动动画回到当前窗口。
图7(b)是根据本发明实施例的后退切换操作的一种示例性示意图。
如果判断为后退切换指令,但是鼠标右键还没有松开,此时,在覆盖窗口中绘制和加载目标页面图片(相邻的后退页面图片),同样也对目标页面图片进行了阴影处理;然后再在覆盖窗口中绘制和加载当前页面图片,根据鼠标向左水平移动的距离,当前页面图片按照预定比例向左移动,移出浏览窗口区域;需要指出的是,在执行后退操作时,当前页面图片总体方向为向左移动,但是在鼠标右键松开之前,当前页面图片会随着鼠标右键的左右移动成比例的左右移动。
如果松开鼠标右键后判断为后退切换指令,则在覆盖窗口中执行当前页面图片水平左移出浏览窗口的切换动画,例如,动画切换时间可为400ms。执行了切换动画之后,浏览器主进程在后台对目标页面进行渲染;切换动作完成之后,遮罩阴影的目标页面图片保持状态一段时间,例如,可为400ms;然后目标页面图片消失,此时创建的透明图层窗口消除,例如,可设置目标页面图片消失、真实页面展示的过程为600ms。效果如上所述的前进切换指令操作。
如果没有相邻后退页面。则在覆盖窗口中加载和绘制当前页面图片,在鼠标右键没有松开时,无论鼠标水平左移多少距离,当前页面图片在覆盖窗口中只向左移动固定的预设距离,拟真的告示用户没有后退页面,已经无法拖拽。如果松开鼠标右键,当前页面图片执行向右移动的动画回到当前窗口。
为了实现上述实施例,本发明还提出一种浏览器的页面切换控制装置。
图8是根据本发明一个实施例的浏览器的页面切换控制装置的结构示意图。如图8所示,浏览器包括:第一接收模块100、第一获取模块200、覆盖窗口管理模块300、第二获取模块400、加载模块500和切换控制模块600。
具体地,第一接收模块100用于接收用户输入的切换指令。
在本发明的一个实施例中,切换指令由用户通过鼠标手势输入。具体地,使用鼠标做出一系列动作以控制应用程序完成相应操作时的一系列动作即为鼠标手势,更具体地,按下鼠标的某个键(例如,左键、右键或滚动键等)在浏览器的当前窗口中画出一个移动轨迹,即为切换指令,举例来说,按下鼠标右键向左拖动,为控制浏览器中页面向左移动的切换指令,按下鼠标右键向右拖动,为控制浏览器中页面向右移动的切换指令等等。
在本发明的一个实施例中,第一接收模块100需要对鼠标手势进行判断,具体判断方法为:设定一个最小移动距离,从按下鼠标时鼠标的位置坐标起,捕获鼠标点击和移动信息(可以是跟踪鼠标的位置),当鼠标的移动距离大于最小移动距离时,则认为是手势操作,否则认为是点击操作,由此可防止误操作。
在本发明的另一个实施例中,为了减少用户操作鼠标的移动操作,有效响应切换指令,对于最小移动距离的设定,可以考虑鼠标移动过程中,在一定时间间隔(即按下到松开鼠标键,或者按下到当前位置)内的水平移动距离,有两种设置方式:阈值a为,在设定时间间隔内水平移动距离;阈值b为,超出设定时间间隔后水平移动的距离;阈值a小于阈值b;比如,阈值a可以是在100ms(毫秒)内鼠标水平移动10px则触发切换指令,其中,px为一个像素点,阈值b可以是超过200ms之后则需移动30px才能触发切换指令;或者,阈值a可以是在150ms内鼠标水平移动15px判断为切换指令,超过150ms则需要移动20px才能判断为切换指令。这样,如果用户鼠标按键移动速度快,则移动较少距离达到阈值a就能触发切换指令,如果鼠标按键移动速度慢则需要移动较长距离到阈值b才能触发切换指令。
第一获取模块200用于根据切换指令获取目标页面和原页面。
覆盖窗口管理模块300用于根据切换指令生成覆盖窗口以覆盖浏览器中的当前窗口。
在本发明的一个实施例中,覆盖窗口相对于当前窗口透明。其中,相对于当前窗口透明可为全透明,即用户在浏览器中看到的只有当前窗口,覆盖窗口用户看不见但是实际存在,由此,可使得覆盖窗口不影响当前窗口的显示,提升用户体验;或者,相对于当前窗口透明可为按比例透明,例如半透明,用户还可以设置相应的透明比例,由此,给予用户提示,提示用户是在覆盖窗口中进行鼠标手势操作,提升用户体验。
在本发明的一个实施例中,覆盖窗口的大小和当前窗口相同。应当理解的是,覆盖窗口的大小还可根据需要设定,例如,可设置小于当前窗口。
第二获取模块400用于分别获取目标页面和原页面的目标页面图片和原页面图片。
加载模块500用于在覆盖窗口中加载目标页面图片和原页面图片。更具体地,加载模块500在覆盖窗口中加载目标页面图片和原页面图片,覆盖窗口不接收鼠标手势,鼠标手势直接透下去,由覆盖窗口所覆盖的当前窗口接收,在本发明的一个实施例中,当前窗口接收鼠标手势之后,浏览器主进程可根据鼠标手势的移动信息对鼠标手势的移动轨迹进行绘制和显示,可显示在覆盖窗口中,还可以对鼠标手势给出一定的提示,例如,提示是前进操作、后退操作等,同时浏览器后台对真实的目标页面进行渲染和加载,并在当前窗口中展示目标页面以替换原页面。
切换控制模块600用于根据切换指令在当前窗口中控制原页面切换至目标页面,同时在覆盖窗口中控制原页面图片切换至目标页面图片。
根据本发明实施例的浏览器的页面切换控制装置,在进行页面导航时,对已经渲染完成的原页面和目标页面进行图片绘制并保存,当接收到切换指令后,新建覆盖窗口,通过覆盖窗口中切换原页面图片和目标页面图片,同时后台对真实的目标页面进行渲染和加载,在手势操作完成之后,在当前窗口中显示目标页面,用户在浏览器中看到的是切换过程只显示页面的图片,由此,页面切换变得自然、连续、流畅,提升了用户体验。
在本发明的一个实施例中,覆盖窗口管理模块300还用于在当前窗口切换至目标页面之后,消除覆盖窗口。由此,一方面可节约资源,另一方面为了更好地显示目标页面,例如,覆盖窗口为半透明时,目标页面可能存在模糊现象,此外,还可方便用户在目标页面上操作。
在本发明的一个实施例中,切换控制模块600具体用于根据目标页面图片和原页面图片在覆盖窗口中加载切换动画,其中,切换动画为由原页面图片切换至目标页面图片。由此可使得切换过程更加生动。
图9是根据本发明另一个实施例的浏览器的页面切换控制装置的结构示意图。
如图9所示,浏览器的页面切换控制装置包括:第一接收模块100、第一获取模块200、覆盖窗口管理模块300、第二获取模块400、加载模块500、切换控制模块600和播放控制模块700。
具体地,播放控制模块700用于根据鼠标手势输入的轨迹控制切换动画的播放。在本发明的一个实施例中,控制切换动画与鼠标手势输入同步。
根据本发明实施例的浏览器的页面切换控制装置,根据鼠标手势输入的轨迹控制切换动画的播放,使得用户能够真实地体验到拖动页面进行切换,进一步提升用户体验。
图10是根据本发明又一个实施例的浏览器的页面切换控制装置的结构示意图。
如图10所示,浏览器的页面切换控制装置包括:第一接收模块100、第一获取模块200、覆盖窗口管理模块300、第二获取模块400、加载模块500、切换控制模块600、播放控制模块700、获取子模块710和替换控制子模块720,其中,播放控制模块700包括获取子模块710和替换控制子模块720。
具体地,获取子模块710用于获取鼠标手势的移动距离。替换控制子模块720用于根据移动距离控制目标页面图片逐渐地替换原页面图片。
在本发明的一个实施例中,可设置两种切换指令,一种是按下到松开鼠标右键,或者按下托动至当前位置且未松开时,鼠标右移距离超过阈值(参考图1所示的实施例)为前进切换指令,鼠标左移距离超过阈值(参考图1所示的实施例)为后退切换指令。以后退切换指令为例,鼠标按住右键向左拖动,当前页面往左移动,随着鼠标左移,当前页面水平移出当前窗口,相邻的后退页面作为目标页面出现在底层窗口中,当前页面根据鼠标的滑动痕迹执行向左或者向右移动,页面向左或者向右移动的距离与鼠标水平移动的距离互成比例,如果鼠标水平左移的距离超过预设值,则当鼠标右键松开时候,当前窗口页面全部向左移出当前窗口,如果鼠标水平左移的距离没有超过预设值,则当前页面向右移动回到原来的位置,依然覆盖当前窗口。
在本发明的一个实施例中,替换控制子模块720还用于在目标页面图片逐渐地替换原页面图片的过程中,控制原页面图片以第一亮度显示,且控制目标页面图片以第二亮度显示,其中,第一亮度大于第二亮度。
在本发明的一个实施例中,,替换控制子模块720还用于在目标页面图片逐渐地替换原页面图片完成之后,控制目标页面图片以第一亮度显示。
根据本发明实施例的浏览器的页面切换控制装置,根据移动距离控制目标页面图片逐渐地替换原页面图片,使得用户能够真实地体验到拖动页面进行切换,进一步提升用户体验。
图11是根据本发明再一个实施例的浏览器的页面切换控制装置的结构示意图。
如图11所示,浏览器的页面切换控制装置包括:第一接收模块100、第一获取模块200、覆盖窗口管理模块300、第二获取模块400、加载模块500、切换控制模块600、播放控制模块700、获取子模块710和替换控制子模块720、截取模块800和存储模块900,其中,播放控制模块700包括获取子模块710和替换控制子模块720。
具体地,截取模块800用于在浏览器加载目标页面和原页面时,截取目标页面和原页面的内容并绘制以生成目标页面图片和原页面图片。存储模块900用于存储目标页面图片和原页面图片。
更具体地,用户使用浏览器时,在页面中进行导航时,产生前进页面或后退页面,这些前进和后退页面都是用户的浏览历史,当用户在页面中进行导航操作时,截取模块800截取当前的窗口内容并绘制为页面图片,由此在浏览器加载目标页面和原页面时生成目标页面图片和原页面图片,存储模块900可根据页面的唯一标识对页面图片分别进行命名并且保存在磁盘的指定目录中。之后,加载模块500从磁盘指定目录下找到目标页面图片和原页面图片,并在覆盖窗口中加载目标页面图片和原页面图片,在加载目标页面图片和原页面图片的同时,后台对真实的目标页面进行渲染和加载,在鼠标手势操作之后,在当前窗口中展示目标页面以替换原页面。
根据本发明实施例的浏览器的页面切换控制装置,在页面导航浏览器加载目标页面和原页面时,截取目标页面和原页面的内容并绘制以生成目标页面图片和原页面图片,由此节约资源,浏览器在加载完成每个页面之后都会截取并绘制对应的图片,再切换时直接使用不再占用网络资源。
为了实现上述实施例,本发明还提出一种客户端,包括:外壳,屏幕,处理器,存储器和电路板;屏幕安置在外壳上,电路板安置在外壳围成的空间内部,处理器和存储器设置在电路板上;存储器用于存储可执行程序代码;处理器通过读取存储器中存储的可执行程序代码来运行与可执行程序代码对应的程序,以用于:
S101’,接收用户输入的切换指令,并根据切换指令获取目标页面和原页面。
在本发明的一个实施例中,切换指令由用户通过鼠标手势输入。具体地,使用鼠标做出一系列动作以控制应用程序完成相应操作时的一系列动作即为鼠标手势,更具体地,按下鼠标的某个键(例如,左键、右键或滚动键等)在浏览器的当前窗口中画出一个移动轨迹,即为切换指令,举例来说,按下鼠标右键向左拖动,为控制浏览器中页面向左移动的切换指令,按下鼠标右键向右拖动,为控制浏览器中页面向右移动的切换指令等等。
在本发明的一个实施例中,需要对鼠标手势进行判断,具体判断方法为:设定一个最小移动距离,从按下鼠标时鼠标的位置坐标起,捕获鼠标点击和移动信息(可以是跟踪鼠标的位置),当鼠标的移动距离大于最小移动距离时,则认为是手势操作,否则认为是点击操作,由此可防止误操作。
在本发明的另一个实施例中,为了减少用户操作鼠标的移动操作,有效响应切换指令,对于最小移动距离的设定,可以考虑鼠标移动过程中,在一定时间间隔(即按下到松开鼠标键,或者按下到当前位置)内的水平移动距离,有两种设置方式:阈值a为,在设定时间间隔内水平移动距离;阈值b为,超出设定时间间隔后水平移动的距离;阈值a小于阈值b;比如,阈值a可以是在100ms(毫秒)内鼠标水平移动10px则触发切换指令,其中,px为一个像素点,阈值b可以是超过200ms之后则需移动30px才能触发切换指令;或者,阈值a可以是在150ms内鼠标水平移动15px判断为切换指令,超过150ms则需要移动20px才能判断为切换指令。这样,如果用户鼠标按键移动速度快,则移动较少距离达到阈值a就能触发切换指令,如果鼠标按键移动速度慢则需要移动较长距离到阈值b才能触发切换指令。
S102’,根据切换指令生成覆盖窗口以覆盖浏览器中的当前窗口。
在本发明的一个实施例中,覆盖窗口相对于当前窗口透明。其中,相对于当前窗口透明可为全透明,即用户在浏览器中看到的只有当前窗口,覆盖窗口用户看不见但是实际存在,由此,可使得覆盖窗口不影响当前窗口的显示,提升用户体验;或者,相对于当前窗口透明可为按比例透明,例如半透明,用户还可以设置相应的透明比例,由此,给予用户提示,提示用户是在覆盖窗口中进行鼠标手势操作,提升用户体验。
在本发明的一个实施例中,覆盖窗口的大小和当前窗口相同。应当理解的是,覆盖窗口的大小还可根据需要设定,例如,可设置小于当前窗口。
S103’,分别获取目标页面和原页面的目标页面图片和原页面图片。
S104’,在覆盖窗口中加载目标页面图片和原页面图片,并根据切换指令在当前窗口中控制原页面切换至目标页面,同时在覆盖窗口中控制原页面图片切换至目标页面图片。
具体地,存储器存储的可执行程序代码具体可为浏览器,处理器在覆盖窗口中加载目标页面图片和原页面图片,覆盖窗口不接收鼠标手势,鼠标手势直接透下去,由覆盖窗口所覆盖的当前窗口接收,在本发明的一个实施例中,当前窗口接收鼠标手势之后,浏览器主进程可根据鼠标手势的移动信息对鼠标手势的移动轨迹进行绘制和显示,可显示在覆盖窗口中,还可以对鼠标手势给出一定的提示,例如,提示是前进操作、后退操作等,同时浏览器后台对真实的目标页面进行渲染和加载,并在当前窗口中展示目标页面以替换原页面,同时在覆盖窗口中展示目标页面图片以替换原页面图片。
根据本发明实施例的客户端,在进行页面导航时,对已经渲染完成的原页面和目标页面进行图片绘制并保存,当接收到切换指令后,新建覆盖窗口,通过覆盖窗口中切换原页面图片和目标页面图片,同时处理器对真实的目标页面进行渲染和加载,在手势操作完成之后,在当前窗口中显示目标页面,用户看到的是切换过程只显示页面的图片,由此,页面切换变得自然、连续、流畅,提升了用户体验。
在本发明的一个实施例中,处理器用于:
S201’,接收用户输入的切换指令,并根据切换指令获取目标页面和原页面。
S202’,根据切换指令生成覆盖窗口以覆盖浏览器中的当前窗口。
S203’,在浏览器加载目标页面和原页面时,截取目标页面和原页面的内容并绘制以生成目标页面图片和原页面图片。
具体地,用户使用浏览器时,在页面中进行导航时,会产生前进页面或后退页面,这些前进和后退页面都是用户的浏览历史,当用户在页面中进行导航操作时,浏览器截取当前的窗口内容并绘制为页面图片,由此在浏览器加载目标页面和原页面时生成目标页面图片和原页面图片,并可根据页面的唯一标识对页面图片分别进行命名并且保存在磁盘的指定目录中。
S204’,在覆盖窗口中加载目标页面图片和原页面图片,并根据切换指令在当前窗口中控制原页面切换至目标页面,同时在覆盖窗口中控制原页面图片切换至目标页面图片。
具体地,浏览器从磁盘指定目录下找到目标页面图片和原页面图片,并在覆盖窗口中加载目标页面图片和原页面图片,在加载目标页面图片和原页面图片的同时,浏览器后台对真实的目标页面进行渲染和加载,在鼠标手势操作之后,在当前窗口中展示目标页面以替换原页面,同时在覆盖窗口中展示目标页面图片以替换原页面图片。
根据本发明实施例的客户端,在页面导航浏览器加载目标页面和原页面时,截取目标页面和原页面的内容并绘制以生成目标页面图片和原页面图片,由此节约资源,浏览器在加载完成每个页面之后都会截取并绘制对应的图片,再切换时直接使用不再占用网络资源。
在本发明的一个实施例中,处理器用于:
S301’,接收用户输入的切换指令,并根据切换指令获取目标页面和原页面。
S302’,根据切换指令生成覆盖窗口以覆盖浏览器中的当前窗口。
S303’,分别获取目标页面和原页面的目标页面图片和原页面图片。
S304’,在覆盖窗口中加载目标页面图片和原页面图片,并根据切换指令在当前窗口中控制原页面切换至目标页面,同时在覆盖窗口中控制原页面图片切换至目标页面图片。
S305’,在当前窗口切换至目标页面之后,消除覆盖窗口。
根据本发明实施例的客户端,消除覆盖窗口,一方面可节约资源,另一方面为了更好地显示目标页面,例如,覆盖窗口为半透明时,目标页面可能存在模糊现象,此外,还可方便用户在目标页面上操作。
在本发明的另一个实施例中,处理器用于:
S401’,接收用户输入的切换指令,并根据切换指令获取目标页面和原页面。
S402’,根据切换指令生成覆盖窗口以覆盖浏览器中的当前窗口。
S403’,分别获取目标页面和原页面的目标页面图片和原页面图片。
S404’,根据目标页面图片和原页面图片在覆盖窗口中加载切换动画,其中,切换动画为由原页面图片切换至目标页面图片,并根据切换指令在当前窗口中控制原页面切换至目标页面。
S405’,在当前窗口切换至目标页面之后,消除覆盖窗口。
根据本发明实施例的客户端,根据目标页面图片和原页面图片在覆盖窗口中加载切换动画,使得切换过程更加流畅、自然、平滑,且容易引起用户注意,提升用户体验。
在本发明的另一个实施例中,处理器用于:
S501’,接收用户输入的切换指令,并根据切换指令获取目标页面和原页面。
S502’,根据切换指令生成覆盖窗口以覆盖浏览器中的当前窗口。
S503’,分别获取目标页面和原页面的目标页面图片和原页面图片。
S504’,根据目标页面图片和原页面图片在覆盖窗口中加载切换动画,其中,切换动画为由原页面图片切换至目标页面图片。
S505’,根据鼠标手势输入的轨迹控制切换动画的播放。
在本发明的一个实施例中,控制切换动画与鼠标手势输入同步。
S506’,根据切换指令在当前窗口中控制原页面切换至目标页面。
S507’,在当前窗口切换至目标页面之后,消除覆盖窗口。
根据本发明实施例的客户端,根据鼠标手势输入的轨迹控制切换动画,使得用户能够真实地体验到拖动页面进行切换,进一步提升用户体验。
在本发明的另一个实施例中,处理器用于:
S601’,接收用户输入的切换指令,并根据切换指令获取目标页面和原页面。
S602’,根据切换指令生成覆盖窗口以覆盖浏览器中的当前窗口。
S603’,分别获取目标页面和原页面的目标页面图片和原页面图片。
S604’,根据目标页面图片和原页面图片在覆盖窗口中加载切换动画,其中,切换动画为由原页面图片切换至目标页面图片。
S605’,获取鼠标手势的移动距离。
S606’,根据移动距离控制目标页面图片逐渐地替换原页面图片。
在本发明的一个实施例中,可设置两种切换指令,一种是按下到松开鼠标右键,或者按下托动至当前位置且未松开时,鼠标右移距离超过阈值(参考图1所示的实施例)为前进切换指令,鼠标左移距离超过阈值(参考图1所示的实施例)为后退切换指令。以后退切换指令为例,鼠标按住右键向左拖动,当前页面往左移动,随着鼠标左移,当前页面水平移出当前窗口,相邻的后退页面作为目标页面出现在底层窗口中,当前页面根据鼠标的滑动痕迹执行向左或者向右移动,页面向左或者向右移动的距离与鼠标水平移动的距离互成比例,如果鼠标水平左移的距离超过预设值,则当鼠标右键松开时候,当前窗口页面全部向左移出当前窗口,如果鼠标水平左移的距离没有超过预设值,则当前页面向右移动回到原来的位置,依然覆盖当前窗口。
S607’,根据切换指令在当前窗口中控制原页面切换至目标页面。
在本发明的一个实施例中,在目标页面图片逐渐地替换原页面图片的过程中,控制原页面图片以第一亮度显示,且控制目标页面图片以第二亮度显示,其中,第一亮度大于第二亮度。
在本发明的一个实施例中,在目标页面图片逐渐地替换原页面图片完成之后,控制目标页面图片以第一亮度显示。
S608’,在当前窗口切换至目标页面之后,消除覆盖窗口。
根据本发明实施例的客户端,根据移动距离控制目标页面图片逐渐地替换原页面图片,使得用户能够真实地体验到拖动页面进行切换,进一步提升用户体验。
应当理解,本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中,多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如,如果用硬件来实现,和在另一实施方式中一样,可用本领域公知的下列技术中的任一项或他们的组合来实现:具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路,具有合适的组合逻辑门电路的专用集成电路,可编程门阵列(PGA),现场可编程门阵列(FPGA)等。
在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不一定指的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
尽管已经示出和描述了本发明的实施例,本领域的普通技术人员可以理解:在不脱离本发明的原理和宗旨的情况下可以对这些实施例进行多种变化、修改、替换和变型,本发明的范围由权利要求及其等同物限定。
Claims (30)
1.一种浏览器的页面切换控制方法,其特征在于,包括:
接收用户输入的切换指令,并根据所述切换指令获取目标页面和原页面;
根据所述切换指令生成覆盖窗口以覆盖所述浏览器中的当前窗口;
分别获取所述目标页面和原页面的目标页面图片和原页面图片;以及
在所述覆盖窗口中加载所述目标页面图片和原页面图片,并根据所述切换指令在所述当前窗口中控制所述原页面切换至所述目标页面,同时在所述覆盖窗口中控制所述原页面图片切换至所述目标页面图片。
2.如权利要求1所述的方法,其特征在于,所述切换指令由所述用户通过鼠标手势输入。
3.如权利要求1或2所述的方法,其特征在于,所述覆盖窗口相对于所述当前窗口透明。
4.如权利要求1或2所述的方法,其特征在于,还包括:
在所述当前窗口切换至所述目标页面之后,消除所述覆盖窗口。
5.如权利要求2所述的方法,其特征在于,所述在所述覆盖窗口中控制所述原页面图片切换至所述目标页面图片具体包括:
根据所述目标页面图片和原页面图片在所述覆盖窗口中加载切换动画,其中,所述切换动画为由所述原页面图片切换至所述目标页面图片。
6.如权利要求5所述的方法,其特征在于,还包括:
根据所述鼠标手势输入的轨迹控制所述切换动画的播放。
7.如权利要求6所述的方法,其特征在于,所述根据鼠标手势输入的轨迹控制所述切换动画的播放具体包括:
获取所述鼠标手势的移动距离;以及
根据所述移动距离控制所述目标页面图片逐渐地替换所述原页面图片。
8.如权利要求7所述的方法,其特征在于,还包括:
在所述目标页面图片逐渐地替换所述原页面图片的过程中,控制所述原页面图片以第一亮度显示,且控制所述目标页面图片以第二亮度显示,其中,所述第一亮度大于所述第二亮度。
9.如权利要求8所述的方法,其特征在于,在所述目标页面图片逐渐地替换所述原页面图片完成之后,还包括:
控制所述目标页面图片以所述第一亮度显示。
10.如权利要求1所述的方法,其特征在于,还包括:
在所述浏览器加载所述目标页面和原页面时,截取所述目标页面和原页面的内容并绘制以生成所述目标页面图片和原页面图片。
11.一种浏览器的页面切换控制装置,其特征在于,包括:
第一接收模块,用于接收用户输入的切换指令;
第一获取模块,用于根据所述切换指令获取目标页面和原页面;
覆盖窗口管理模块,用于根据所述切换指令生成覆盖窗口以覆盖所述浏览器中的当前窗口;
第二获取模块,用于分别获取所述目标页面和原页面的目标页面图片和原页面图片;
加载模块,用于在所述覆盖窗口中加载所述目标页面图片和原页面图片;以及
切换控制模块,用于根据所述切换指令在所述当前窗口中控制所述原页面切换至所述目标页面,同时在所述覆盖窗口中控制所述原页面图片切换至所述目标页面图片。
12.如权利要求11所述的装置,其特征在于,所述切换指令由所述用户通过鼠标手势输入。
13.如权利要求11或12所述的装置,其特征在于,所述覆盖窗口相对于所述当前窗口透明。
14.如权利要求11或12所述的装置,其特征在于,所述覆盖窗口管理模块还用于在所述当前窗口切换至所述目标页面之后,消除所述覆盖窗口。
15.如权利要求12所述的装置,其特征在于,所述切换控制模块具体用于根据所述目标页面图片和原页面图片在所述覆盖窗口中加载切换动画,其中,所述切换动画为由所述原页面图片切换至所述目标页面图片。
16.如权利要求15所述的装置,其特征在于,还包括:
播放控制模块,用于根据所述鼠标手势输入的轨迹控制所述切换动画的播放。
17.如权利要求16所述的装置,其特征在于,所述播放控制模块包括:
获取子模块,用于获取所述鼠标手势的移动距离;以及
替换控制子模块,用于根据所述移动距离控制所述目标页面图片逐渐地替换所述原页面图片。
18.如权利要求17所述的装置,其特征在于,所述替换控制子模块还用于在所述目标页面图片逐渐地替换所述原页面图片的过程中,控制所述原页面图片以第一亮度显示,且控制所述目标页面图片以第二亮度显示,其中,所述第一亮度大于所述第二亮度。
19.如权利要求18所述的装置,其特征在于,所述替换控制子模块还用于在所述目标页面图片逐渐地替换所述原页面图片完成之后,控制所述目标页面图片以所述第一亮度显示。
20.如权利要求11所述的装置,其特征在于,还包括:
截取模块,用于在所述浏览器加载所述目标页面和原页面时,截取所述目标页面和原页面的内容并绘制以生成所述目标页面图片和原页面图片;以及
存储模块,用于存储所述目标页面图片和原页面图片。
21.一种客户端,其特征在于,包括:外壳,屏幕,处理器,存储器和电路板;
所述屏幕安置在所述外壳上,所述电路板安置在所述外壳围成的空间内部,所述处理器和所述存储器设置在所述电路板上;
所述存储器用于存储可执行程序代码;
所述处理器通过读取所述存储器中存储的可执行程序代码来运行与所述可执行程序代码对应的程序,以用于:
接收用户输入的切换指令,并根据所述切换指令获取目标页面和原页面;
根据所述切换指令生成覆盖窗口以覆盖所述浏览器中的当前窗口;
分别获取所述目标页面和原页面的目标页面图片和原页面图片;以及
在所述覆盖窗口中加载所述目标页面图片和原页面图片,并根据所述切换指令在所述当前窗口中控制所述原页面切换至所述目标页面,同时在所述覆盖窗口中控制所述原页面图片切换至所述目标页面图片。
22.如权利要求21所述的客户端,其特征在于,所述切换指令由所述用户通过鼠标手势输入。
23.如权利要求21或22所述的客户端,其特征在于,所述覆盖窗口相对于所述当前窗口透明。
24.如权利要求21或22所述的客户端,其特征在于,所述处理器用于:
在所述当前窗口切换至所述目标页面之后,消除所述覆盖窗口。
25.如权利要求22所述的客户端,其特征在于,所述处理器具体用于:
根据所述目标页面图片和原页面图片在所述覆盖窗口中加载切换动画,其中,所述切换动画为由所述原页面图片切换至所述目标页面图片。
26.如权利要求25所述的客户端,其特征在于,所述处理器用于:
根据所述鼠标手势输入的轨迹控制所述切换动画的播放。
27.如权利要求26所述的客户端,其特征在于,所述处理器还具体用于:
获取所述鼠标手势的移动距离;以及
根据所述移动距离控制所述目标页面图片逐渐地替换所述原页面图片。
28.如权利要求27所述的客户端,其特征在于,所述处理器还用于:
在所述目标页面图片逐渐地替换所述原页面图片的过程中,控制所述原页面图片以第一亮度显示,且控制所述目标页面图片以第二亮度显示,其中,所述第一亮度大于所述第二亮度。
29.如权利要求28所述的客户端,其特征在于,在所述目标页面图片逐渐地替换所述原页面图片完成之后,所述处理器控制所述目标页面图片以所述第一亮度显示。
30.如权利要求21所述的客户端,其特征在于,所述处理器还用于:
在所述浏览器加载所述目标页面和原页面时,截取所述目标页面和原页面的内容并绘制以生成所述目标页面图片和原页面图片。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2013103193942A CN103390053A (zh) | 2013-07-26 | 2013-07-26 | 浏览器的页面切换控制方法、装置和客户端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2013103193942A CN103390053A (zh) | 2013-07-26 | 2013-07-26 | 浏览器的页面切换控制方法、装置和客户端 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103390053A true CN103390053A (zh) | 2013-11-13 |
Family
ID=49534325
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2013103193942A Pending CN103390053A (zh) | 2013-07-26 | 2013-07-26 | 浏览器的页面切换控制方法、装置和客户端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103390053A (zh) |
Cited By (26)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103677992A (zh) * | 2013-12-20 | 2014-03-26 | 深圳泰山在线科技有限公司 | 体感方式的页面切换方法及系统 |
CN103885691A (zh) * | 2014-03-20 | 2014-06-25 | 小米科技有限责任公司 | 执行回退操作的方法和装置 |
CN104808889A (zh) * | 2014-01-24 | 2015-07-29 | 贝壳网际(北京)安全技术有限公司 | 页面切换方法及电子设备 |
CN104898937A (zh) * | 2015-06-17 | 2015-09-09 | 北京金山安全软件有限公司 | 窗口展示方法及装置 |
CN105630949A (zh) * | 2015-12-23 | 2016-06-01 | 小米科技有限责任公司 | 页面加载、回退方法和装置 |
CN105744322A (zh) * | 2014-12-10 | 2016-07-06 | Tcl集团股份有限公司 | 一种屏幕焦点的控制方法及装置 |
WO2016107325A1 (zh) * | 2014-12-29 | 2016-07-07 | 北京奇虎科技有限公司 | 基于移动终端的页面资源加载方法及装置 |
CN106407435A (zh) * | 2016-09-28 | 2017-02-15 | 乐视控股(北京)有限公司 | 浏览器页面显示处理方法及装置 |
CN107423366A (zh) * | 2017-06-28 | 2017-12-01 | 武汉斗鱼网络科技有限公司 | 一种轮播图切换方法及装置 |
CN107622063A (zh) * | 2016-07-13 | 2018-01-23 | 深圳联友科技有限公司 | 一种避免白页的页面切换方法和装置 |
CN108153455A (zh) * | 2016-12-05 | 2018-06-12 | 珠海金山办公软件有限公司 | 一种界面切换方法及装置 |
CN108415957A (zh) * | 2017-11-06 | 2018-08-17 | 北京京东尚科信息技术有限公司 | 网页自定义导航的方法及装置 |
CN108875079A (zh) * | 2018-07-12 | 2018-11-23 | 北京千家悦网络科技有限公司 | 一种切换浏览器页面的方法 |
CN109002486A (zh) * | 2018-06-25 | 2018-12-14 | 武汉斗鱼网络科技有限公司 | 一种页面显示的处理方法、装置、终端和存储介质 |
CN109032464A (zh) * | 2018-09-10 | 2018-12-18 | 腾讯科技(深圳)有限公司 | 应用程序中的界面切换方法、装置、设备及存储介质 |
CN109901903A (zh) * | 2019-02-25 | 2019-06-18 | 努比亚技术有限公司 | 一种桌面绘制方法、设备及计算机可读存储介质 |
CN110134897A (zh) * | 2019-04-10 | 2019-08-16 | 口碑(上海)信息技术有限公司 | 浏览器窗口控制方法及装置 |
CN110704141A (zh) * | 2018-07-10 | 2020-01-17 | 优视科技有限公司 | 页面切换方法、装置及电子设备 |
CN110889060A (zh) * | 2019-11-05 | 2020-03-17 | 北京三快在线科技有限公司 | 网页显示方法、装置、计算机设备及存储介质 |
WO2020051884A1 (zh) * | 2018-09-14 | 2020-03-19 | 深圳市欢太科技有限公司 | 显示控制方法及相关产品 |
CN110968373A (zh) * | 2018-09-29 | 2020-04-07 | 北京国双科技有限公司 | 一种页面切换的实现方法、装置、存储介质及处理器 |
CN111343492A (zh) * | 2020-02-17 | 2020-06-26 | 海信电子科技(深圳)有限公司 | 一种浏览器在不同图层的显示方法及显示设备 |
CN112256167A (zh) * | 2020-09-30 | 2021-01-22 | 北京达佳互联信息技术有限公司 | 多媒体资源切换方法、装置、电子设备及存储介质 |
CN112650546A (zh) * | 2019-10-11 | 2021-04-13 | 华为技术有限公司 | 一种页面显示方法及穿戴设备 |
CN113010249A (zh) * | 2021-03-17 | 2021-06-22 | 北京字跳网络技术有限公司 | 页面切换方法、装置、设备及介质 |
CN115515005A (zh) * | 2021-06-07 | 2022-12-23 | 京东方科技集团股份有限公司 | 一种节目切换的封面获取方法、装置及显示设备 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6025841A (en) * | 1997-07-15 | 2000-02-15 | Microsoft Corporation | Method for managing simultaneous display of multiple windows in a graphical user interface |
CN102799385A (zh) * | 2012-07-19 | 2012-11-28 | 腾讯科技(深圳)有限公司 | 桌面控制方法和装置 |
CN103034683A (zh) * | 2012-11-26 | 2013-04-10 | 北京奇虎科技有限公司 | 用于浏览器的页面切换方法和装置 |
CN103135879A (zh) * | 2011-11-28 | 2013-06-05 | 联想(北京)有限公司 | 显示方法、显示装置和电子设备 |
-
2013
- 2013-07-26 CN CN2013103193942A patent/CN103390053A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6025841A (en) * | 1997-07-15 | 2000-02-15 | Microsoft Corporation | Method for managing simultaneous display of multiple windows in a graphical user interface |
CN103135879A (zh) * | 2011-11-28 | 2013-06-05 | 联想(北京)有限公司 | 显示方法、显示装置和电子设备 |
CN102799385A (zh) * | 2012-07-19 | 2012-11-28 | 腾讯科技(深圳)有限公司 | 桌面控制方法和装置 |
CN103034683A (zh) * | 2012-11-26 | 2013-04-10 | 北京奇虎科技有限公司 | 用于浏览器的页面切换方法和装置 |
Cited By (36)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103677992A (zh) * | 2013-12-20 | 2014-03-26 | 深圳泰山在线科技有限公司 | 体感方式的页面切换方法及系统 |
CN103677992B (zh) * | 2013-12-20 | 2017-02-22 | 深圳泰山在线科技有限公司 | 体感方式的页面切换方法及系统 |
CN104808889A (zh) * | 2014-01-24 | 2015-07-29 | 贝壳网际(北京)安全技术有限公司 | 页面切换方法及电子设备 |
WO2015109832A1 (zh) * | 2014-01-24 | 2015-07-30 | 贝壳网际(北京)安全技术有限公司 | 页面切换方法及电子设备 |
CN103885691A (zh) * | 2014-03-20 | 2014-06-25 | 小米科技有限责任公司 | 执行回退操作的方法和装置 |
CN105744322B (zh) * | 2014-12-10 | 2019-08-02 | Tcl集团股份有限公司 | 一种屏幕焦点的控制方法及装置 |
CN105744322A (zh) * | 2014-12-10 | 2016-07-06 | Tcl集团股份有限公司 | 一种屏幕焦点的控制方法及装置 |
WO2016107325A1 (zh) * | 2014-12-29 | 2016-07-07 | 北京奇虎科技有限公司 | 基于移动终端的页面资源加载方法及装置 |
CN104898937B (zh) * | 2015-06-17 | 2018-09-14 | 北京金山安全软件有限公司 | 窗口展示方法及装置 |
CN104898937A (zh) * | 2015-06-17 | 2015-09-09 | 北京金山安全软件有限公司 | 窗口展示方法及装置 |
CN105630949B (zh) * | 2015-12-23 | 2019-03-22 | 小米科技有限责任公司 | 页面加载、回退方法和装置 |
CN105630949A (zh) * | 2015-12-23 | 2016-06-01 | 小米科技有限责任公司 | 页面加载、回退方法和装置 |
CN107622063B (zh) * | 2016-07-13 | 2021-01-19 | 深圳联友科技有限公司 | 一种避免白页的页面切换方法和装置 |
CN107622063A (zh) * | 2016-07-13 | 2018-01-23 | 深圳联友科技有限公司 | 一种避免白页的页面切换方法和装置 |
CN106407435A (zh) * | 2016-09-28 | 2017-02-15 | 乐视控股(北京)有限公司 | 浏览器页面显示处理方法及装置 |
CN108153455A (zh) * | 2016-12-05 | 2018-06-12 | 珠海金山办公软件有限公司 | 一种界面切换方法及装置 |
CN108153455B (zh) * | 2016-12-05 | 2021-02-05 | 珠海金山办公软件有限公司 | 一种界面切换方法及装置 |
CN107423366A (zh) * | 2017-06-28 | 2017-12-01 | 武汉斗鱼网络科技有限公司 | 一种轮播图切换方法及装置 |
CN107423366B (zh) * | 2017-06-28 | 2020-04-10 | 武汉斗鱼网络科技有限公司 | 一种轮播图切换方法及装置 |
CN108415957A (zh) * | 2017-11-06 | 2018-08-17 | 北京京东尚科信息技术有限公司 | 网页自定义导航的方法及装置 |
CN109002486A (zh) * | 2018-06-25 | 2018-12-14 | 武汉斗鱼网络科技有限公司 | 一种页面显示的处理方法、装置、终端和存储介质 |
CN110704141A (zh) * | 2018-07-10 | 2020-01-17 | 优视科技有限公司 | 页面切换方法、装置及电子设备 |
CN108875079A (zh) * | 2018-07-12 | 2018-11-23 | 北京千家悦网络科技有限公司 | 一种切换浏览器页面的方法 |
CN109032464A (zh) * | 2018-09-10 | 2018-12-18 | 腾讯科技(深圳)有限公司 | 应用程序中的界面切换方法、装置、设备及存储介质 |
WO2020051884A1 (zh) * | 2018-09-14 | 2020-03-19 | 深圳市欢太科技有限公司 | 显示控制方法及相关产品 |
CN110968373A (zh) * | 2018-09-29 | 2020-04-07 | 北京国双科技有限公司 | 一种页面切换的实现方法、装置、存储介质及处理器 |
CN109901903A (zh) * | 2019-02-25 | 2019-06-18 | 努比亚技术有限公司 | 一种桌面绘制方法、设备及计算机可读存储介质 |
CN110134897A (zh) * | 2019-04-10 | 2019-08-16 | 口碑(上海)信息技术有限公司 | 浏览器窗口控制方法及装置 |
CN112650546A (zh) * | 2019-10-11 | 2021-04-13 | 华为技术有限公司 | 一种页面显示方法及穿戴设备 |
CN110889060A (zh) * | 2019-11-05 | 2020-03-17 | 北京三快在线科技有限公司 | 网页显示方法、装置、计算机设备及存储介质 |
CN111343492A (zh) * | 2020-02-17 | 2020-06-26 | 海信电子科技(深圳)有限公司 | 一种浏览器在不同图层的显示方法及显示设备 |
CN111343492B (zh) * | 2020-02-17 | 2022-02-22 | 海信电子科技(深圳)有限公司 | 一种浏览器在不同图层的显示方法及显示设备 |
CN112256167A (zh) * | 2020-09-30 | 2021-01-22 | 北京达佳互联信息技术有限公司 | 多媒体资源切换方法、装置、电子设备及存储介质 |
CN113010249A (zh) * | 2021-03-17 | 2021-06-22 | 北京字跳网络技术有限公司 | 页面切换方法、装置、设备及介质 |
CN113010249B (zh) * | 2021-03-17 | 2023-12-19 | 北京字跳网络技术有限公司 | 页面切换方法、装置、设备及介质 |
CN115515005A (zh) * | 2021-06-07 | 2022-12-23 | 京东方科技集团股份有限公司 | 一种节目切换的封面获取方法、装置及显示设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103390053A (zh) | 浏览器的页面切换控制方法、装置和客户端 | |
US11204687B2 (en) | Visual thumbnail, scrubber for digital content | |
CN106662964B (zh) | 应用窗口的动态联合划分器 | |
CN106537318B (zh) | 应用窗口的辅助呈现 | |
CN106537317B (zh) | 应用窗口的自适应大小调整和定位 | |
JP6144707B2 (ja) | アレイモードを使用したブラウザ内でのコンテンツアイテム間のナビゲート方法 | |
KR102549529B1 (ko) | 전자 장치에서 제 1 애플리케이션 아이콘을 이용하여 제 2 애플리케이션을 실행하기 위한 방법 | |
KR101087479B1 (ko) | 멀티 디스플레이 장치 및 그 제어 방법 | |
CN104135684B (zh) | 一种基于Firefox OS的界面显示方法及装置 | |
US20160011775A1 (en) | Terminal and Terminal Operating Method | |
CN104571783B (zh) | 具有动态拼图界面的电子装置及控制方法与系统 | |
CN105224276A (zh) | 一种分屏显示方法及电子设备 | |
KR20140039210A (ko) | 멀티-애플리케이션 환경 | |
KR20160013162A (ko) | 다수의 디스플레이들을 위한 사용자 인터페이스 요소 | |
US20230168805A1 (en) | Configuration of application execution spaces and sub-spaces for sharing data on a mobile touch screen device | |
KR20150012234A (ko) | 분할스크린 디스플레이 방법 및 장치, 및 이의 전자 장치 | |
CN101211250A (zh) | 使用菜单集提供菜单的方法和使用该方法的多媒体装置 | |
CN101923425A (zh) | 基于滑动终端屏幕实现窗口切换的方法及其装置 | |
KR20140122662A (ko) | 어플리케이션의 이용 이력 정보를 표시하는 방법, 저장 매체 및 장치 | |
CN106020473A (zh) | 界面操作方法及系统 | |
CN105378628A (zh) | 开始和应用导航 | |
KR20230152626A (ko) | 디스플레이 장치 및 그 제어 방법 | |
CN104918125A (zh) | 一种频道的切换方法和装置 | |
CN103019557A (zh) | 页面切换方法和装置 | |
CN104915135A (zh) | 显示控制设备和方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into 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: 20131113 |