页面切换方法和装置制造方法及图纸

本申请公开了一种页面切换方法和装置，页面切换方法，包括：获取相邻标签页的位图，并根据相邻标签页的位图生成合成位图；在侦听到发生页面切换事件时，在浏览器窗口内显示所述合成位图，并结合所述页面切换事件的页面切换参数进行相邻标签页之间的切换。通过根据相邻标签页的位图生成合成位图；当侦听到发生页面切换事件时，在浏览器窗口内显示所述合成位图，并结合所述页面切换事件的页面切换参数实现了相邻标签页之间的切换，实现了切换前后的页面之间的关联、实现了页面切换过程的缓冲，使得用户在切换过程中对页面切换进行进一步的控制。

【技术实现步骤摘要】
页面切换方法和装置
本专利技术属于网页浏览
，具体地说，涉及一种页面切换方法和装置。
技术介绍
浏览器是人们经常使用的浏览网页的软件工具，用户可以通过在浏览器地址栏输 入统一资源定位符URL，或点击网页内的超链接等方式，访问网页，获取网页内包含的信息 内容。对于支持标签式浏览的浏览器软件，用户可以在使用的过程中新建标签页，并通过新 建的标签页访问网址。在浏览器开启若干标签页的情况下，通常需要在不同的浏览页面之间进行切换。 但是目前的浏览器中，用户从当前标签页切换到另外一标签页时，都是立即进行切换的，切 换前后的页面之间缺乏关联，前后页面间的切换缺乏缓冲，用户无法在切换过程中对页面 切换进行进一步的控制。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决或 者减缓上述问题的页面切换方法和对应的装置。为了解决上述技术问题，本申请提供了一种页面切换方法，包括获取相邻标签页 的位图，并根据相邻标签页的位图生成合成位图；在侦听到发生页面切换事件时，在浏览器 窗口内显示所述合成位图，并结合所述页面切换事件的页面切换参数进行相邻标签页之间 的切换。优选地，在侦听到发生页面切换事件时，在浏览器窗口内显示所述合成位图，并结 合所述页面切换事件的页面切换参数进行相邻标签页之间的切换，进一步包括对所述浏 览器窗口设置分界线；侦听所述页面切换事件中的鼠标滑动事件，在浏览器窗口内显示当 前标签页的位图与鼠标滑动方向相反方向相邻标签页的位图的合成位图；当鼠标滑动过程 中的鼠标坐标位置由所述分界线的一侧滑动到另一侧时，使所述相邻标签页完全切换到所 述浏览器窗口中进行显示。优选地，在浏览器窗口内显示所述合成位图，进一步包括根据鼠标滑动的距离以 及浏览器窗口的宽度控制在所述浏览器窗口中显示的合成位图中，所述相邻标签页的位图 各自所占的部分。优选地，所述方法进一步包括依照鼠标滑动的速度控制相邻标签页之间切换时 的页面切换速度。优选地，根据相邻标签页的位图生成合成位图，进一步包括拼接相邻标签页的位 图，所述合成位图的高度与相邻标签页的位图高度相同，所述合成位图的宽度为相邻标签 页的位图的宽度之和；在浏览器窗口内显示所述合成位图，进一步包括根据鼠标滑动的距离以及浏览 器窗口的宽度控制在浏览器窗口内显示的所述合成位图的区域。优选地，根据相邻标签页的位图生成合成位图，进一步包括分别获取相邻标签页在浏览器窗口中待显示的部分；分别截取所述待显示的部分位图；由所述截取的待显示部分位图生成合成位图。为了解决上述技术问题，本申请提供了一种页面切换装置，包括，位图合成模块，用于获取相邻标签页的位图，并根据相邻标签页的位图生成合成位图；页面切换模块，用于在侦听到发生页面切换事件时，在浏览器窗口内显示所述合成位图，并结合所述页面切换事件的页面切换参数进行相邻标签页之间的切换。优选地，所述位图合成模块进一步用于拼接相邻标签页的位图，所述合成位图的高度与相邻标签页的位图高度相同，所述合成位图的宽度为相邻标签页的位图的宽度之和；所述页面切换模块，还用于在浏览器窗口内显示所述合成位图时，根据鼠标滑动的距离以及浏览器窗口的宽度控制在所述浏览器窗口内显示的所述合成位图的区域。优选地，所述位图合成模块还用于分别获取相邻标签页在浏览器窗口中待显示的部分、分别截取所述待显示的部分位图、由所述截取的待显示部分位图生成合成位图。根据本专利技术的实现方案增强了切换前后的页面之间的关联，在前后页面间的切换之间实现了一定的缓冲，使得用户可以在切换过程中对页面切换进行进一步的控制。另外，根据本专利技术的实现方案在用户切换指令之前就会获取当前标签页的相邻标签页，并进行合成位图的处理，因而切换时反应速度很快，提高了切换速度。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中图1为本专利技术实施例一页面切换方法流程示意图；图2为图1所示页面切换方法的步骤S103的流程示意图；图3为图1所示页面切换方法的步骤S103中浏览器窗口变化示意图；图4为本专利技术实施例二中合成位图显示示意图；图5为为本专利技术实施例三生成合成位图的流程示意图；图6为本专利技术实施例四页面切换装置的结构示意图；图7为本专利技术实施例五页面切换装置的结构示意图。具体实施例方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。现有网页元素的多样化及受到计算机处理速度、网络速度的限制，在显示新网页时渲染时间往往较长，因此考虑在页面切换时不立刻开启目标页面，给予目标页面一段的缓冲时间，用于网页渲染消耗；在这段缓冲时间内，考虑对于切换 动作本身进行模拟展式可以让用户了解浏览器当前是否在进行切换的响应以及当前切换 的进度，这种模拟展示考虑直接模拟页面，直接模拟页面相当于让用户直接看到切换前后 的页面预览，可以让用户直观辨认待切换的页面是否正确；而这种形象化展示还可以体现 出页面切换时的页面之间的关联。本专利技术的下述实施例中，通过根据相邻标签页的位图生成合成位图；当侦听到发 生页面切换事件时，在浏览器窗口内显示所述合成位图，并结合所述页面切换事件的页面 切换参数实现了相邻标签页之间的切换，支持用户在切换过程中对切换的相邻页面进行操作。第一实施例如图1所示，为本专利技术实施例一页面切换方法流程示意图，本实施例中，页面切换 方法包括步骤S101、获取相邻标签页的位图，并根据相邻标签页的位图生成合成位在获取相邻标签页的位图时，概括来说，根据相邻标签页的页面内容绘制相应位 图。具体来说，可以根据不同内核的浏览器采用不同的方式。如，对于在chrome内 核的浏览器，在渲染(render)进程里创建了一个内存位图作为绘制canvas (chrome代码 里用户绘制的对象)，让render进程重新绘制一遍，从而获得了相邻标签页中任一标签页的 页面位图。对于在IE内核下，可以使用IviewObject接口的Draw函数把页面内容绘制到 内存位图中，从而获得相邻标签页中任一标签页的页面位图。本实施例中，可以采取将保持相邻标签页对应位图的高度不变，而直接将相邻标 签页对应位图进行宽度的接续以生成合成位图；或者，也可以针对相邻标签页中待显示的 部分，并根据待显示的部分位图生成合成位图。详见下述实施例二和实施例三记载。步骤S103、在侦听到发生页面切换事件时，在浏览器窗口内显示所述合成位图，并 结合所述页面切换事件的页面切换参数进行相邻标签页之间的切换。本实施例中，如图2所示,为图1所示页面切换方法的步骤S103的流程示意图,步 骤S103可以进一步包括步骤S1031、对所述浏览器窗口设置本文档来自技高网...

【技术保护点】
一种页面切换方法，其中，包括：获取相邻标签页的位图，并根据相邻标签页的位图生成合成位图；在侦听到发生页面切换事件时，在浏览器窗口内显示所述合成位图，并结合所述页面切换事件的页面切换参数进行相邻标签页之间的切换。

【技术特征摘要】
1.一种页面切换方法，其中，包括 获取相邻标签页的位图，并根据相邻标签页的位图生成合成位图； 在侦听到发生页面切换事件时，在浏览器窗口内显示所述合成位图，并结合所述页面切换事件的页面切换参数进行相邻标签页之间的切换。2.根据权利要求1所述的方法，其中，在侦听到发生页面切换事件时，在浏览器窗口内显示所述合成位图，并结合所述页面切换事件的页面切换参数进行相邻标签页之间的切换，进一步包括 对所述浏览器窗口设置分界线； 侦听所述页面切换事件中的鼠标滑动事件，在浏览器窗口内显示当前标签页的位图与鼠标滑动方向相反方向相邻标签页的位图的合成位图， 当鼠标滑动过程中的鼠标坐标位置由所述分界线的一侧滑动到另一侧时，使所述相邻标签页完全切换到所述浏览器窗口中进行显示。3.根据权利要求1或2所述的方法，其中， 在浏览器窗口内显示所述合成位图，进一步包括根据鼠标滑动的距离以及浏览器窗口的宽度控制在所述浏览器窗口中显示的合成位图中，所述相邻标签页的位图各自所占的部分。4.根据权利要求1所述的方法，其中， 依照鼠标滑动的速度控制相邻标签页之间切换的页面切换速度。5.根据权利要求1所述的方法,根据相邻标签页的位图生成合成位图,其中,进一步包括 拼接相邻标签页的位图，所述合成位图的高度与相邻标签页的位图高度相同，所述合成位图的宽度为相邻标签页的位图的宽度之和； 在浏览器窗口内显示所述合成位图，进一步包括 根据鼠标滑动的距离以及浏览器窗口的宽度控制在浏览器窗口内显示的所述合成位图的区域。6.根据权利要求1所述的方法,根据相邻标签页的位图生成合成位图,其中,进一步包括 分别获取相邻标签页在浏览器窗口中待显示的部分； 分别截取所述待显示的部分位图； 由所述截取的待显示部分位图生成合成位图。7.一种页面切换装置，其中，包括， 位图合成模块，用于获取相邻标签页的位图，并根据相邻标签页的位图生成合成位图； 页面切换模块，用于在侦听到发生页面切换事件时...

【专利技术属性】
技术研发人员：曹龙，张鹏翼，任寰，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：