一种wap浏览器的页面跳转方法及装置制造方法
【专利摘要】本发明适用于网页【技术领域】，提供了一种WAP浏览器的页面跳转方法及装置，包括：加载网页，所述网页包括分页导航栏和N个分页，所述分页导航栏包括N个分别与每个所述分页相关联的标签，所述N为大于1的整数；显示所述分页导航栏中的第一标签关联的第一分页；根据分页切换指令确定所述分页导航栏中的第二标签；将所述第一分页跳转至所述第二标签关联的第二分页并显示。在本发明中，WAP浏览器一次性加载包含多个分页的网页，并初始显示该网页的其中一个分页，同时，根据分页切换指令来进行不同分页之间的跳转，从而在WAP浏览器中实现网页页面的无缝跳转，整个跳转过程具备流畅性，大大提高了网页浏览效率。
【专利说明】—种WAP浏览器的页面跳转方法及装置
【技术领域】
[0001]本发明属于网页【技术领域】，尤其涉及一种WAP浏览器的页面跳转方法及装置。
【背景技术】
[0002]随着移动终端智能化程度的提高和移动互联网的迅速普及，越来越多的用户在移动终端上通过无线应用协议(Wireless Application Protocol,WAP)浏览器来进行网页访问，实现随时随地的资讯体验。
[0003]目前的WAP类网站需要在网页链接区域触发点击事件才能进行网页跳转，且在新页面的加载过程中，会在WAP浏览器中显示一段时间的空白页面，导致WAP网页的跳转出现间隔，网页跳转过程不流畅，降低了网页浏览效率。
【发明内容】
[0004]本发明实施例的目的在于提供一种WAP浏览器的页面跳转方法，解决现有的WAP网站网页跳转过程不流畅，网页浏览效率低的问题。
[0005]本发明实施例是这样实现的，一种WAP浏览器的页面跳转方法，包括:
[0006]加载网页，所述网页包括分页导航栏和N个分页，所述分页导航栏包括N个分别与每个所述分页相关联的标签，所述N为大于I的整数；
[0007]显示所述分页导航栏中的第一标签关联的第一分页；
[0008]根据分页切换指令确定所述分页导航栏中的第二标签；
[0009]将所述第一分页跳转至所述第二标签关联的第二分页并显示。
[0010]本发明实施例的另一目的在于提供一种议WAP浏览器的页面跳转装置，包括:
[0011]加载单元，用于加载网页，所述网页包括分页导航栏和N个分页，所述分页导航栏包括N个分别与每个所述分页相关联的标签，所述N为大于I的整数；
[0012]显示单元，用于显示所述分页导航栏中的第一标签关联的第一分页；
[0013]确定单元，用于根据分页切换指令确定所述分页导航栏中的第二标签；
[0014]跳转单元，用于将所述第一分页跳转至所述第二标签关联的第二分页并显示。
[0015]在本发明实施例中，WAP浏览器一次性加载包含多个分页的网页，并初始显示该网页的其中一个分页，同时，根据分页切换指令来进行不同分页之间的跳转，从而在WAP浏览器中实现网页页面的无缝跳转，整个跳转过程具备流畅性，大大提高了网页浏览效率。
【专利附图】
【附图说明】
[0016]图1是本发明实施例提供的WAP浏览器的页面跳转方法的实现流程图；
[0017]图2是本发明实施例提供的WAP浏览器的页面跳转方法WAP浏览器的初始显示界面示意图；
[0018]图3是本发明实施例提供的WAP浏览器的页面跳转方法步骤S103的具体实现流程图；[0019]图4是本发明另一实施例提供的WAP浏览器的页面跳转方法步骤S103的具体实现流程图
[0020]图5是本发明另一实施例提供的WAP浏览器的页面跳转方法步骤S103的具体实现流程图；
[0021]图6是本发明实施例提供的WAP浏览器的页面跳转装置的结构框图。
【具体实施方式】
[0022]为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
[0023]在本发明实施例中，WAP浏览器一次性加载包含多个分页的网页，并初始显示该网页的其中一个分页，同时，根据分页切换指令来进行不同分页之间的跳转，从而在WAP浏览器中实现网页页面的无缝跳转，整个跳转过程具备流畅性，大大提高了网页浏览效率。
[0024]其中，WAP为一个开放式标准协议，用于将网络上的信息传送到手机、平板电脑等无线通讯终端上，而WAP浏览器则为运行在上述无线通讯终端上的动态服务器页面(Active Server Page, ASP)应用，能够把WAP网站无线标记语言(Wireless MarkupLanguage, WML)格式的网页转化成普通浏览器可以解析的超文本标记语言(HypertextMarkup Language, HTML)格式,从而达到用普通浏览器也可以浏览WAP网站的效果。
[0025]在本发明实施例中，优选地，所述无线通讯终端可以为具备触摸屏的无线通讯终端，支持通过检测用户的触屏操作来完成指令输入。
[0026]图1示出了本发明实施例提供的WAP浏览器的页面跳转方法的实现流程，详述如下:
[0027]在步骤SlOl中，加载网页，所述网页包括分页导航栏和N个分页，所述分页导航栏包括N个分别与每个所述分页相关联的标签，所述N为大于I的整数。
[0028]在WAP浏览器的运行状态下,根据地址栏中的统一资源定位符(Uniform ResourceLocator,URL)地址或者发生点击事件的网页链接的URL地址，由WAP浏览器在后台向服务器请求该URL地址指向的网页，并在后台加载网页内容。在本实施例中，经过加载网页，之后无论显示该网页中的任何一个分页，都无需再次向服务器请求网页数据，而是可以直接在WAP浏览器中进行页面数据的本地调用，展示分页内容。
[0029]在本实施例中，WAP浏览器一次加载的网页中包含了 N个分页，这N个分页通过不同的哈希(HASH)地址来区分，在这其中，一次性加载的网页可以包括很长的内容，而每个分页则相当于用不同的HASH地址区分的该网页的不同部分。
[0030]在本实施例中，加载的网页中还包括了分页导航栏，分页导航栏可以位于WAP浏览器网页显示区域的底部、上部等边沿部位，用于展示当前加载网页的分页结构(数量)。在分页导航栏中，每个标签均与该网页的一个分页相关联，且标签中的显示内容可以为其关联的分页的分页标题，以更好地在网页浏览过程中起到用户导向作用。
[0031]在步骤S102中，显示所述分页导航栏中的第一标签关联的第一分页。
[0032]在本实施例中，当WAP浏览器加载完网页之后，作为初始化的显示状态，首先在WAP浏览器的网页显示界面中显示与分页导航栏中的第一标签关联的第一分页，通常，第一分页可以默认为当前加载网页的起始部分。
[0033]图2示出了本发明实施例提供的WAP浏览器的页面跳转方法WAP浏览器的初始显示界面示意图，可以看出，在浏览器底部边沿为分页导航栏，其中包含了 “头条新闻”、“频道精选”和“全球行情”三个标签，每个标签分别对应URL地址为“nazha0.kf0309.3g.qq.com/info_pad/info/index, jsp”的网页中的一部分，且WAP浏览器在加载完该网页之后，默认显示标签为“头条新闻”的分页，该分页的HASH地址为WAP浏览器地址栏URL地址中“#”之后的部分，即“home_page”。
[0034]在步骤S103中，根据分页切换指令确定所述分页导航栏中的第二标签。
[0035]在本实施例中，分页切换指令可以通过滑动、点击等触屏操作来触发，根据分页切换指令，能够确定出分页导航栏中的第二标签，该第二标签所关联的分页即为当前需要由第一分页切换至的第二分页。
[0036]根据分页切换指令确定出第二标签的方法将在后续实施例中进行详细说明，在此不再赘述。
[0037]在步骤S104中，将所述第一分页跳转至所述第二标签关联的第二分页并显示。
[0038]在本实施例中，通过分页切换指令在分页导航栏中确定出第二标签，由此，将第一分页跳转至与第二标签关联的第二分页并显示。
[0039]优选地，在从第一分页跳转至第二分页的技术实现上，可以通过动画效果来展现由第一分页至第二分页的平滑过渡，从而消除了页面跳转过程中的不连续现象，使得用户在网页跳转过程中感觉不到明显的停顿。
[0040]通过上述步骤，由于网页中的N个分页是预先在WAP浏览器的后台加载的，因此，在进行页面切换的时候，不会出现实时从服务器上请求网页内容而出现的显示延时、页面空白的情况，不同页面之间可以平滑流畅地实现过渡。
[0041]作为本发明的一个实施例，在上述步骤S102之后，步骤S103之前，在显示了第一分页的情况下，可以设置第一分页相邻分页(包括第一分页的前一分页和后一分页)的级联样式表(Cascading Style Sheet, CSS),同时隐藏第一分页以及第一分页相邻分页以外的其余分页的CSS。上述做法出于对用户浏览习惯的考虑，通常，用户习惯在浏览完当前分页之后，返回当前分页的上一页或者继续浏览当前分页的下一页，因此，第一分页的相邻分页最有可能成为用户下一步需要浏览的页面，此时，设置第一分页相邻分页的CSS，能够为页面跳转做好准备，提高页面跳转的效率，同时，隐藏其余页面的CSS，能够很好地节约系统资源。
[0042]作为本发明的一个实施例，分页切换指令可以通过手指滑动事件来触发，图3示出了本发明实施例提供的WAP浏览器的页面跳转方法步骤S103的具体实现流程，详述如下:
[0043]在步骤S301中，检测手指滑动事件，获取手指滑动方向。
[0044]在本发明实施例中，通过触摸屏来检测手指滑动事件，手指滑动事件可以发生在屏幕的任一区域。
[0045]在步骤S302中，将与所述第一标签相邻且在所述第一标签的所述手指滑动方向上的标签确定为第二标签。
[0046]具体地，基于用户的浏览习惯，可以通过水平的手指滑动事件来进行页面切换，当手指滑动方向为至右向左时，将分页导航栏中第一标签的后一标签确定为第二标签，则第一分页相应地从屏幕左侧退出显示界面，而第一分页的下一分页从屏幕右侧进入显示界面，从而实现第一分页至第二分页的平滑过渡；当手指滑动方向为至左向右时，将分页导航栏中第一标签的前一标签确定为第二标签，则第一分页相应地从屏幕右侧退出显示界面，而第一分页的上一分页从屏幕左侧进入显示界面，从而实现第一分页至第二分页的平滑过渡。
[0047]由此，在本实施例中，用户可以通过左右划屏手势来实现不同页面之间的跳转，无需通过点击链接来进行页面跳转，且不同分页之间的平滑过渡结合用户左右划屏的手势能够模拟实际的翻书效果，增加了用户体验。
[0048]作为本发明的一个实施例，如图4所示，在步骤S301中检测手指滑动事件的同时，还包括如下步骤:
[0049]在步骤S401中，检测手指触屏动作，当所述手指触屏动作保持时间大于第一时间阈值，高亮显示所述第一标签。
[0050]在本实施例中，当手指触屏动作保持时间大于第一时间阈值时，才高亮显示第一标签，以表示对用户的当前操作进行响应，避免因为用户不小心碰触到了屏幕而频繁地高亮显示第一标签，产生系统资源浪费，且误导了用户操作。
[0051]作为本发明的一个实现示例，第一时间阈值可以为500ms。
[0052]在步骤S402中，检测手指滑动动作，当手指滑动距离大于预设距离时，取消高亮显示所述第一标签，高亮显示所述第二标签。
[0053]当检测到手指触屏动作之后在触屏动作保持的情况下又检测到手指滑动动作时，当手指滑动距离大于预设距离时，对第一标签的高亮显示进行取消，表明当前进入标签切换状态，同时，根据手指滑动方向，高亮显示第二标签，表明当前选中的标签切换为了第二标签。
[0054]在本实施例中，当手指滑动距离大于预设距离时才执行步骤S304的操作，同样也是出于用户误操作的考虑，避免因为轻微的触屏滑动而带来的显示效果改变，节约了系统资源。
[0055]在步骤S403中，当所述手指触屏动作结束后的时间大于第二时间阈值，取消高亮显示所述第二标签。
[0056]当整个手指滑动事件的触屏动作结束后，且结束时间大于第二时间阈值时，取消高亮显示第二标签，由此表明标签切换状态结束，且此时，第二标签在分页导航栏中处于选中状态。在此，第二时间阈值的设定是出于步骤S303中第一时间阈值设置的考虑，由于步骤S303中将第一标签高亮显示的动作是在第一时间阈值之后才进行，避免在手指滑动持续时间很短的情况下(例如小于500ms)第一标签还示高亮显示就执行了对第二标签的取消高亮显示，由此带来显示效果的混乱，影响用户操作。
[0057]作为本发明的另一实施例，分页切换指令可以通过手指点击事件来触发，图5示出了本发明另一实施例提供的WAP浏览器的页面跳转方法步骤S103的具体实现流程，详述如下:
[0058]在步骤S501中，在所述分页导航栏中检测点击事件，获取产生点击事件的标签。
[0059]在步骤S502中，将与所述第一标签相邻且在所述第一标签的所述手指滑动方向上的标签确定为第二标签。
[0060]在本发明实施例中，可以直接通过检测发生在分页导航栏中的点击事件，来获取到发生点击事件的标签，并将该标签确定为第二标签。
[0061]在本实施例中，即使第二标签在分页导航栏中不与第一标签相邻，在进行页面跳转时，仍然可以直接实现由第一分页到第二分页的平滑过渡，而不会在页面过渡中出现第一分页与第二分页的中间分页，减少了动画过渡的时间，提高了网页浏览效率。
[0062]作为本发明的一个实施例，分页切换指令可以为前进指令或者后退指令，前进/后退指令可以通过发生在WAP浏览器“前进”/ “后退”按钮上的点击事件来触发，或者通过特定的代表“前进”或者“后退”含义的触屏手势来触发，则步骤S103具体为:
[0063]当所述分页切换指令具体为前进指令时，将所述第一标签的后一标签确定为所述第二标签，则第一分页相应地从屏幕左侧退出显示界面，而第一分页的下一分页从屏幕右侧进入显示界面，从而实现第一分页至第二分页的平滑过渡；
[0064]当所述分页切换指令具体为后退指令时，将所述第一标签的前一标签确定为所述第二标签，则第一分页相应地从屏幕右侧退出显示界面，而第一分页的上一分页从屏幕左侧进入显示界面，从而实现第一分页至第二分页的平滑过渡。
[0065]在本发明实施例中，WAP浏览器一次性加载包含多个分页的网页，并初始显示该网页的其中一个分页，同时，根据分页切换指令来进行不同分页之间的跳转，从而在WAP浏览器中实现网页页面的无缝跳转，整个跳转过程具备流畅性，大大提高了网页浏览效率。 [0066]图6示出了本发明实施例提供的WAP浏览器的页面跳转装置的结构框图，该装置可以位于无线通讯终端中的WAP浏览器中，用于运行本发明图1至图5实施例所述的WAP浏览器的页面跳转方法。为了便于说明，仅示出了与本实施例相关的部分。
[0067]参照图6，该装置包括:
[0068]加载单元61，加载网页，所述网页包括分页导航栏和N个分页，所述分页导航栏包括N个分别与每个所述分页相关联的标签，所述N为大于I的整数。
[0069]显示单元62，显示所述分页导航栏中的第一标签关联的第一分页。
[0070]确定单元63，根据分页切换指令确定所述分页导航栏中的第二标签。
[0071]跳转单元64，将所述第一分页跳转至所述第二标签关联的第二分页并显示。
[0072]可选地，所述装置还包括:
[0073]设置单元，设置所述第一分页相邻分页的级联样式表CSS，隐藏其余分页的CSS。
[0074]可选地，所述分页切换指令通过手指滑动事件触发，所述确定单元63包括:
[0075]第一检测子单元，检测手指滑动事件，获取手指滑动方向。
[0076]第一确定子单元，将与所述第一标签相邻且在所述第一标签的所述手指滑动方向上的标签确定为所述第二标签。
[0077]可选地，在所述第一检测子单元检测手指滑动事件的同时，所述第一检测子单元还用于:
[0078]检测手指触屏动作，当所述手指触屏动作保持时间大于第一时间阈值，高亮显示所述第一标签。
[0079]检测手指滑动动作，当手指移动距离大于预设距离时，取消高亮显示所述第一标签，闻売显不所述第标签。[0080]当所述手指触屏动作结束后的时间大于第二时间阈值，取消高亮显示所述第二标签。
[0081]可选地，所述分页切换指令通过手指点击事件触发，所述确定单元63包括:
[0082]第二检测子单元，在所述分页导航栏中检测点击事件，获取产生点击事件的标签。
[0083]第二确定子单元，将所述产生点击事件的标签确定为所述第二标签。
[0084]可选地，当所述分页切换指令具体为前进指令，所述确定单元63具体用于将所述第一标签的后一标签确定为所述第二标签。
[0085]当所述分页切换指令具体为后退指令，所述确定单元具体用于将所述第一标签的前一标签确定为所述第二标签。
[0086]在本发明实施例中，WAP浏览器一次性加载包含多个分页的网页，并初始显示该网页的其中一个分页，同时，根据分页切换指令来进行不同分页之间的跳转，从而在WAP浏览器中实现网页页面的无缝跳转，整个跳转过程具备流畅性，大大提高了网页浏览效率。
[0087]以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。
【权利要求】
1.一种无线应用协议WAP浏览器的页面跳转方法，其特征在于，包括: 加载网页，所述网页包括分页导航栏和N个分页，所述分页导航栏包括N个分别与每个所述分页相关联的标签，所述N为大于I的整数； 显示所述分页导航栏中的第一标签关联的第一分页； 根据分页切换指令确定所述分页导航栏中的第二标签； 将所述第一分页跳转至所述第二标签关联的第二分页并显示。
2.如权利要求1所述的方法，其特征在于，在所述显示所述分页导航栏中的第一标签关联的第一分页之后，所述根据分页切换指令确定所述分页导航栏中的第二标签之前，所述方法还包括: 设置所述第一分页相邻分页的级联样式表CSS，隐藏其余分页的CSS。
3.如权利要求1或2所述的方法，其特征在于，所述分页切换指令通过手指滑动事件触发，所述根据分页切换指令确定所述分页导航栏中的第二标签包括: 检测手指滑动事件，获取手指滑动方向； 将与所述第一标签相邻且在所述第一标签的所述手指滑动方向上的标签确定为所述第二标签。
4.如权利要求3所述的方法，其特征在于，在所述检测手指滑动事件的同时，所述方法还包括: 检测手指触屏动作，当所述手指触屏动作保持时间大于第一时间阈值，高亮显示所述第一标签； 检测手指滑动动作，当手指移动距离大于预设距离时，取消高亮显示所述第一标签，高亮显示所述第二标签； 当所述手指触屏动作结束后的时间大于第二时间阈值，取消高亮显示所述第二标签。
5.如权利要求1或2所述的方法，其特征在于，所述分页切换指令通过手指点击事件触发，所述根据分页切换指令确定所述分页导航栏中的第二标签包括: 在所述分页导航栏中检测点击事件，获取产生点击事件的标签； 将所述产生点击事件的标签确定为所述第二标签。
6.如权利要求1或2所述的方法，其特征在于，所述分页切换指令具体为前进指令，所述根据分页切换指令确定所述分页导航栏中的第二标签包括: 将所述第一标签的后一标签确定为所述第二标签； 所述分页切换指令具体为后退指令，所述根据分页切换指令确定所述分页导航栏中的第二标签包括: 将所述第一标签的前一标签确定为所述第二标签。
7.一种无线应用协议WAP浏览器的页面跳转装置，其特征在于，包括: 加载单元，用于加载网页，所述网页包括分页导航栏和N个分页，所述分页导航栏包括N个分别与每个所述分页相关联的标签，所述N为大于I的整数； 显示单元，用于显示所述分页导航栏中的第一标签关联的第一分页； 确定单元，用于根据分页切换指令确定所述分页导航栏中的第二标签； 跳转单元，用于将所述第一分页跳转至所述第二标签关联的第二分页并显示。
8.如权利要求7所述的装置，其特征在于，所述装置还包括:设置单元，用于设置所述第一分页相邻分页的级联样式表CSS，隐藏其余分页的CSS。
9.如权利要求7或8所述的装置，其特征在于，所述分页切换指令通过手指滑动事件触发，所述确定单元包括: 第一检测子单元，用于检测手指滑动事件，获取手指滑动方向； 第一确定子单元，用于将与所述第一标签相邻且在所述第一标签的所述手指滑动方向上的标签确定为所述第二标签。
10.如权利要求9所述的装置，其特征在于，在所述第一检测子单元检测手指滑动事件的同时，所述第一检测子单元还用于: 检测手指触屏动作，当所述手指触屏动作保持时间大于第一时间阈值，高亮显示所述第一标签； 检测手指滑动动作，当手指移动距离大于预设距离时，取消高亮显示所述第一标签，高亮显示所述第二标签； 当所述手指触屏动作结束后的时间大于第二时间阈值，取消高亮显示所述第二标签。
11.如权利要求7或8所述的装置，其特征在于，所述分页切换指令通过手指点击事件触发，所述确定单元包括: 第二检测子单元，用 于在所述分页导航栏中检测点击事件，获取产生点击事件的标签; 第二确定子单元，用于将所述产生点击事件的标签确定为所述第二标签。
12.如权利要求7或8所述的装置，其特征在于，所述分页切换指令具体为前进指令，所述确定单元具体用于将所述第一标签的后一标签确定为所述第二标签； 所述分页切换指令具体为后退指令，所述确定单元具体用于将所述第一标签的前一标签确定为所述第二标签。
【文档编号】G06F17/30GK104008114SQ201310061877
【公开日】2014年8月27日 申请日期:2013年2月27日 优先权日:2013年2月27日
【发明者】赵娜, 张晶, 成媛, 王莹莹, 叶军 申请人:腾讯科技（深圳）有限公司