移动终端网页浏览时的自动对齐方法和装置

1.一种移动终端网页浏览时的自动对齐方法，包括如下步骤：
根据浏览器中焦点位置的变化，确定所述焦点目前所处的内容块，确定所述内容块所占的排版宽度；
根据移动终端的屏幕宽度和所确定的内容块的排版宽度判断所述内容块是否可以对齐；
如果所述内容块可以对齐，则确定所述内容块的某一参照点距离移动终端屏幕对应参照点的偏移值；
将网页滚动相应的偏移值，使所述内容块的参照点与移动终端屏幕的对应参照点相重合。
2.如权利要求1所述的移动终端网页浏览时的自动对齐方法，其中，所述内容块的某一参照点和移动终端屏幕对应参照点分别位于所述内容块的最左端和对应的移动终端屏幕的最左端或者分别位于所述内容块的最右端和对应的移动终端屏幕的最右端或者分别为所述内容块的居中位置和对应的移动终端屏幕的居中位置。
3.如权利要求1所述的移动终端网页浏览时的自动对齐方法，其中，在判断所述内容块是否可以对齐的过程中，
如果所述内容块中可见内容的排版宽度小于或等于移动终端屏幕的宽度，则认为所述内容块可以对齐；否则认为所述内容块不可以对齐。
4.如权利要求1所述的移动终端网页浏览时的自动对齐方法，其中，所述将网页滚动相应的偏移值的滚动操作通过以下方式之一实现：
将网页一次性滚动相应的偏移值；
以多帧动画的方式匀速地滚动网页；
以多帧动画的方式具有一定加速地滚动网页；
以多帧动画的方式先加速再减速地滚动网页。
5.如权利要求4所述的移动终端网页浏览时的自动对齐方法，其中，所述的多帧为两帧或者两帧以上。
6.如权利要求4所述的移动终端网页浏览时的自动对齐方法，其中，在所述以多帧动画的方式匀速地滚动网页的过程中，
确定每帧动画要完成的滚动距离；
按照所确定的每帧动画要完成的滚动距离，匀速、连续地滚动预设的动画的帧数，并在每次滚动之后刷新移动终端的屏幕显示。
7.如权利要求4所述的移动终端网页浏览时的自动对齐方法，其中，在所述以多帧动画的方式匀速地滚动网页的过程中，
确定每帧动画要完成的滚动距离；
启动一定时器，所述定时器每隔一固定时间触发一次，每次触发之后执行滚动网页并刷新手机屏幕显示的操作，每次滚动网页的距离为所述每帧动画要完成的滚动距离，并且所述定时器的触发次数为预设的动画的帧数。
8.一种移动终端网页浏览时的自动对齐装置，包括：
目标内容块分析单元，用于根据浏览器中焦点位置的变化，确定所述焦点目前所处的内容块，并且确定所述内容块所占的排版宽度；
对齐块判断单元，用于根据移动终端的屏幕宽度和所述目标内容块分析单元所确定的内容块的排版宽度来判断所述内容块是否为对齐块，其中，对齐块为可以对齐的内容块；
偏移值确定单元，用于在所述对齐块判断单元确定所述内容块为对齐块时，确定所述内容块的某一参照点距离移动终端屏幕对应参照点的偏移值；以及
网页对齐滚动单元，用于将网页滚动所述偏移值确定单元所确定的偏移值，以使得所述内容块的参照点与手机屏幕的对应参照点相重合。
9.如权利要求8所述的移动终端网页浏览时的自动对齐装置，其中，所述目标内容块分析单元进一步包括：
目标内容块确定单元，用于确定所述焦点目前所处的内容块；
排版宽度确定单元，用于确定所述目标内容块确定单元所确定的内容块所占的排版宽度；
对齐块判断单元，用于根据移动终端的屏幕宽度和所述排版宽度确定单元所确定的内容块的排版宽度来判断所述内容块是否为对齐块，其中，对齐块为可以对齐的内容块。
10.如权利要求8所述的移动终端网页浏览时的自动对齐装置，其中，所述网页对齐滚动单元通过以下方式之一将网页滚动所述偏移值确定单元所确定的偏移值，以使得所述内容块的参照点与手机屏幕的对应参照点相重合：
将网页一次性滚动相应的偏移值；
以多帧动画的方式匀速地滚动网页；
以多帧动画的方式具有一定加速地滚动网页；
以多帧动画的方式先加速再减速地滚动网页。
11.如权利要求8所述的移动终端网页浏览时的自动对齐装置，其中，所述内容块的某一参照点和移动终端屏幕对应参照点分别位于所述内容块的最左端和对应的移动终端屏幕的最左端或者分别位于所述内容块的最右端和对应的移动终端屏幕的最右端或者分别为所述内容块的居中位置和对应的移动终端屏幕的居中位置。
12.一种移动终端，包括显示屏幕、浏览器和如权利要求8～11中任一项所述的自动对齐装置。

移动终端网页浏览时的自动对齐方法和装置\n技术领域\n[0001] 本发明涉及网页浏览技术领域，更为具体地，涉及一种移动终端网页浏览时的自动对齐方法和装置。\n背景技术\n[0002] 随着社会的进步和技术的发展，人们越来越多地使用接入终端接入因特网来获取信息，尤其是通过移动终端以无线的方式接入网络，以其不受时间、地点、上网环境限制的上网便利受到许多手机持有者的推崇。\n[0003] 但是，在使用手机等移动终端进行网页浏览的过程中，由于手机等移动终端本身硬件条件尤其是显示屏幕大小的限制，使得用户通过手机等移动终端浏览网页的过程中，(会出现网页展示与终端屏幕大小不匹配的问题，即出现网页的某块内容区域与手机屏幕的显示区域产生偏移的情形，)从而导致用户在浏览过程中需要通过上/下/左/右导航键进行虚拟鼠标移动，才能看到需要浏览的网页中某块内容区域。\n[0004] 由于使用手机浏览器进行浏览时，若没有对网页进行重排版，则显示的效果会以PC微缩图的形式呈现，而网页中的文字并不会根据手机的尺寸而重新排版，而为了方便用户在手机屏幕内便捷地阅读段落内容，可根据屏幕宽度重新排版内容。\n[0005] 但是，目前在手机浏览器领域还没有自动对齐这种功能，用户在通过手机等移动终端浏览网页的过程中不能快速、方便地阅读网页中的各项内容，再加上只能通过手机的导航键操纵网页中的虚拟鼠标，这种手机本身存在的操作不便的缺陷，导致在手机等移动终端浏览器领域实现自动对齐功能的重要性和迫切性。\n发明内容\n[0006] 鉴于上述问题，本发明的目的是提供一种移动终端网页浏览时的自动对齐方法和装置，使用户在浏览网页的过程中进行虚拟鼠标的移动或者翻页时，浏览器会根据用户移动虚拟鼠标的方向自动帮助用户将网页中某块内容区域的左右两端与手机屏幕的左右两端进行对齐，从而帮助用户自动将适当的浏览内容推送到屏幕范围内，以提升用户的浏览体验。\n[0007] 根据本发明的一个方面，提供了一种移动终端网页浏览时的自动对齐方法，包括如下步骤：\n[0008] 根据浏览器中焦点位置的变化，确定所述焦点目前所处的内容块；\n[0009] 判断所述内容块是否可以对齐；\n[0010] 如果所述内容块可以对齐，则确定所述内容块的某一参照点距离移动终端屏幕对应参照点的偏移值；\n[0011] 将网页滚动相应的偏移值，使所述内容块的参照点与移动终端屏幕的对应参照点相重合。\n[0012] 此外，优选的，在确定所述焦点目前所处的内容块之后，进一步确定所述内容块所占的排版宽度，然后根据移动终端的屏幕宽度和所确定的内容块的排版宽度判断所述内容块是否可以对齐。\n[0013] 根据本发明的另一方面，提供了一种移动终端网页浏览时的自动对齐装置，包括：\n[0014] 目标内容块分析单元，用于根据浏览器重焦点位置的变化，确定所述焦点目前所处的内容块；\n[0015] 对齐块判断单元，用于判断所述内容块是否为对齐块，其中，对齐块为可以对齐的内容块；\n[0016] 偏移值确定单元，用于在所述对齐块判断单元确定所述内容块为对齐块时，确定所述内容块的某一参照点距离移动终端屏幕对应参照点的偏移值；以及\n[0017] 网页对齐滚动单元，用于将网页滚动所述偏移值确定单元所确定的偏移值，以使得所述内容块的参照点与手机屏幕对应参照点的最左端相重合。\n[0018] 再一方面，本发明还提供一种包括显示屏幕、浏览器和上述自动对齐装置的移动终端。\n[0019] 利用上述根据本发明的自动对齐方法及装置，通过根据用户以导航键操控虚拟鼠标的移动方向来确定用户需要锁定的内容块，然后浏览器自动帮助用户将该块内容区域的左右两端与手机屏幕的左右两端对齐，可以减少用户锁定某一内容块所需要的操作次数，又能够极大地提升用户的浏览速度和操作体验。并且，用于用户的按键操作减少，相应地，程序的相应处理也随之减少，从而使移动终端的耗电量大幅下降。\n[0020] 为了实现上述以及相关目的，本发明的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本发明的某些示例性方面。\n然而，这些方面指示的仅仅是可使用本发明的原理的各种方式中的一些方式。此外，本发明旨在包括所有这些方面以及它们的等同物。\n附图说明\n[0021] 通过参考以下结合附图的说明及权利要求书的内容，并且随着对本发明的更全面理解，本发明的其它目的及结果将更加明白及易于理解。在附图中：\n[0022] 图1为根据本发明的移动终端网页浏览时的自动对齐方法的流程图；\n[0023] 图2a和图2b为用户浏览的网页在手机浏览器中的初始显示示意图；\n[0024] 图3是本发明实施例一的具体的应用流程示意图；\n[0025] 图4为本发明实施例一应用流程完成之后的网页显示效果示意图；\n[0026] 图5是本发明实施例二的具体的应用流程示意图；\n[0027] 图6a～6e本发明实施例二应用过程中的网页显示效果示意图；\n[0028] 图7为根据本发明的移动终端网页浏览时的自动对齐装置的方框示意图。\n具体实施方式\n[0029] 以下将结合附图对本发明的具体实施例进行详细描述。\n[0030] 随着触摸屏技术的发展，其在移动终端上的应用也越来越广泛。对于普通的移动终端来说，虚拟鼠标的位置就是其屏幕显示内容的焦点位置，而在触摸屏式的移动终端中，并不存在显式的虚拟鼠标，其焦点位置随着用户的触点的产生、移动而锁定和变化。为了更加清楚地表示本发明的技术方案，下面仅以非触摸屏形式的移动终端为例来说明根据本法的网页浏览时的自动对齐方法和装置，毋庸置疑，对于触摸屏形式的移动终端而言，其焦点位置即相当于非触摸屏形式的移动终端的虚拟鼠标，其焦点位置的锁定和移动与虚拟鼠标的确定和移动类似，因此，下面关于本发明技术方案的表述同样适用于触摸屏形式的移动终端。\n[0031] 另外，本发明根据将所浏览的内容块移动其距离移动终端屏幕的偏移值来实现网页浏览时的自动对齐，确定其偏移值时所基于的参照点可以是内容块的最左端、居中位置或者最右端以及对应的移动终端屏幕的最左端、居中位置或者最右端位置等能够方便确定偏移值的参照点位置，当然，也不排除其他的随机位置，只不过在位置确定上有所不同而已。\n[0032] 无论以内容块中的哪一点为基准位置点，只要确定了该参照点位置点在自动对齐前偏移其对齐显示后在移动终端屏幕中的对应参照点位置的偏移值，就可以将该内容块向与偏移位置相反的方向移动该偏移值的距离，使得内容块的参照点与移动终端屏幕的对应参照点向重合即可实现自动对齐。\n[0033] 在下面的实施例表述中，仅以内容块的最左端和移动终端屏幕的最左端为参照点为例来说明自动对齐的方法和装置，这一方案同样适用于选择其他位置作为参照点(如最右端、居中位置等)的自动对齐方案。\n[0034] 图1示出了根据本发明的网页浏览时的自动对齐方法的流程图。\n[0035] 如图1所示，当用户需要通过操控手机等移动终端的导航键将虚拟鼠标的位置向需要浏览的内容块移动时(或者说操控触摸屏将浏览器中的焦点位置向需要浏览的内容块移动时)，浏览器根据虚拟鼠标(或焦点)位置的变化，确定该虚拟鼠标(或焦点)目前所处的内容块(步骤S110)；然后，进一步确定该内容块的最左端距离移动终端屏幕最左端的偏移值(步骤S120)；确定偏移值后，即将网页滚动相应的偏移值，以使得所述内容块的最左端与手机屏幕的最左端相重合(步骤S130)。\n[0036] 另外，本发明在具体实施过程中，在步骤S110确定了虚拟鼠标目前所处的内容块之后，进一步确定所述内容块所占的排版宽度，然后判断该内容块是否可以对齐，如果可以对齐，则继续进行步骤S120确定偏移值的处理；如果不可以对齐，则直接结束该自动对齐的流程。\n[0037] 对于内容块是否可以对齐的判断，在本发明的一个优选实施例中，如果该内容块中可见内容的排版宽度小于或等于移动终端屏幕的宽度，则认为该内容块是可以对齐的；\n否则，如果内容块中可见内容的排版宽度大于移动终端屏幕的宽度，则认为该内容块是不可以对齐的。另外，为了表述的方便，在下面的说明中，也将可以对齐的内容块称之为对齐块。\n[0038] 例如，如果手机屏幕的宽度是240像素(现在比较主流的诺基亚手机的屏幕大多都是这个宽度)，而某一内容块的宽度是230像素，则手机浏览器通过比较会判定该内容块属于对齐块，即可以采用本发明的自动对齐策略进行相应地处理。\n[0039] 具体地，在步骤S120中所确定的偏移值可以以能够确定内容块的移动方向和移动距离的多种形式记录，如“偏移方向+绝对偏移值”的形式，或者“相对偏移值”的形式，其中，偏移方向可以以导航键的输入信息或者虚拟鼠标的移动方向确定，也可以以内容块最左端与手机屏幕最左端的相对位置确定。举例来说，如果虚拟鼠标向左移动，偏移值为130像素，按照一般坐标左负右正的表示方式，则可将偏移值记录为“左130”或者“-130”；然后在步骤S130中就可以根据记录的偏移值将网页反方向即向右对应滚动130像素，使内容块的最左端与手机屏幕的最左端相重合，即可实现对齐。\n[0040] 另外，在步骤S103中，确定偏移值后，将网页滚动相应的偏移值的滚动操作可以有多种实现方式，既可以是一步到位，也可以是以多帧动画的方式匀速地滚动网页，还可以是以多帧动画的方式具有一定加速地滚动网页，也可以是以多帧动画的方式先加速再减速地滚动网页等等，不管采用哪种滚动方式，只要按照所确定的偏移值将网页滚动至所确定的对齐块的最左端与手机屏幕的最左端相重合即可。\n[0041] 在上述以多帧动画的方式滚动网页的实现方式中，动画的帧数可以根据网页需要移动的距离、用户的设置或者移动终端的终端设置(分辨率、字号等)等来确定，可以为两帧或则两帧以上。\n[0042] 具体地，作为示例，下面对用户在浏览网页过程中利用本发明的对齐策略将网页一次性滚动相应偏移值的过程作具体、详细地说明。\n[0043] 图2a和图2b为一个用户要浏览的网页在手机浏览器中的初始显示示意图，其中图2a为该网页在手机浏览器中的微缩状态的显示示意图，图2b为非微缩状态的显示示意图。在此，假设该手机的屏幕宽度为240像素，图2b中所示的内容块在非微缩状态下的排版宽度为230像素，由于该内容块的排版宽度小于手机的屏幕宽度，因此可以应用本发明的对齐策略。\n[0044] 实施例一\n[0045] 图3是本发明实施例一的具体的应用流程示意图。如图3所示，由于用户需要浏览的内容块当前在手机屏幕中的显示位置偏左，因此用户需要按下向左的导航键通过移动虚拟鼠标来移动该内容块(步骤S301)；浏览器在识别出用户的输入信息后，即按照常规的处理方式依据导航键的指示将虚拟鼠标向左移动一个步长(步骤S302)，一般来说，虚拟鼠标根据导航键的指示所移动的一个步长的距离是由移动终端本身的参数所确定的，在本具体实施例中，该一个步长的距离为12像素。然后，在步骤S303中，浏览器确定虚拟鼠标移动之后所在的内容块，同时确定该内容块所占的排版宽度，即确定该内容块的排版宽度为\n230像素；接着，在步骤S304中，进一步通过比较手机的屏幕宽度和该内容块的排版宽度，判断出该内容块是否可以对齐的；如前所述，本实施例中的手机屏幕宽度为240像素，因此该内容块是可以对齐的，即该内容块属于对齐块；在确定该内容块为对齐块之后，进入步骤S305，通过计算确定该对齐块的最左端距离手机屏幕最左端的偏移值，在本实施例中，假定该偏移值为130像素；然后在步骤S306中，一次性将整个网页向左滚动上述偏移值(130像素)，并刷新屏幕的显示，从而将最终完整的内容块显示在手机屏幕上，至此，应用本发明对齐策略的应用流程结束。\n[0046] 图4为本应用流程完成之后的网页显示效果示意图，如图4所示，经过本发明的对齐策略处理，用户只需要操作一次导航键，就可以使需要浏览的对齐块全部移动到手机屏幕上。而如果使用常规的一个步长、一个步长的移动操作，以每个步长12像素的距离移动\n130像素的偏移值，用户需要连续操作导航键12次才能够看到对齐块的全部内容。对比来看，本发明能够帮助用户节省大量的按键草错，极大提升用户的网页浏览速度和操作体验。\n[0047] 在上述应用流程中，如果内容块在非微缩状态下的排版宽度大于手机屏幕的宽度，则经过步骤S304的判断，浏览器会确定该内容块不可以对齐，则直接结束本发明对齐策略的应用流程，进而根据用户的操作采用常规的浏览策略或其他可行的浏览方式进行网页的浏览处理。\n[0048] 在本实施例一中，所描述的用户操作一个步长后进行自动对齐的处理只是举例，实际触发自动对齐处理的操作上可以是两个或多个步长，或者其它更为灵活友好的判断是否进行自动对齐的参照，比如只要是用户浏览的焦点发生变化就可以应用自动对齐，包括虚拟鼠标的移动、页面的滚动、翻页等等。\n[0049] 实施例二\n[0050] 作为另一示例，在对齐滚动方式的实现方面，实施例二通过一个5帧的匀速动画来完成网页的滚动对齐操作，动感的页面滚动效果能够使用户获得较之于前述实施例一更佳的网页浏览体验。其中网页实现对齐操作的匀速动画的帧数可以由用户事先设定，也可以在浏览器系统初始化时预设一个默认值，当然该帧数的默认值也可以由用户根据自己的需求在后期进行修改。\n[0051] 图5是本发明实施例二的具体的应用流程示意图。如图5所示，用户按下向左的导航键来移动该内容块(步骤S501)；浏览器依据导航键的指示将虚拟鼠标向左移动一个步长(步骤S502)；然后，浏览器确定虚拟鼠标移动之后所在的内容块，同时确定该内容块所占的排版宽度(步骤S503)；接着，浏览器通过比较手机的屏幕宽度和该内容块的排版宽度，判断出该内容块是可以对齐的(步骤S504)；在确定该内容块为对齐块之后，在步骤S505，通过计算确定该对齐块的最左端距离手机屏幕最左端的偏移值；在步骤S506中，通过计算确定每帧动画要完成的滚动距离；在步骤S507中，按照步骤S506中所确定的滚动距离匀速、连续地滚动预设的动画的帧数，并在每次滚动之后刷新手机的屏幕显示，这样，在最后一次滚动、刷新之后，就将最终完整的内容块显示在手机屏幕上，至此，应用本发明对齐策略的应用流程结束。\n[0052] 更为具体的，在本实施例二中，如果手机屏幕宽度为240像素、虚拟鼠标所确定的内容块的排版宽度为230像素，则在步骤S504中判断出该内容块为对齐块；然后计算出的该对齐块的最左端距离手机屏幕最左端的偏移值为130像素，而预设的网页滚动的动画的帧数为5，因此在步骤S506中，通过计算确定每帧动画要完成的滚动距离为26像素(130像素除以5)，然后，在步骤S507中，启动一个定时器，该定时器每隔一固定时间(如0.1秒)触发一次，每次触发之后执行滚动网页并刷新手机屏幕显示的操作，每次滚动网页的距离为26像素，并且在第5帧的处理结束之后，关闭定时器，最终通过这种匀速滚动网页、刷新屏幕显示的方式使完整的内容块显示在手机屏幕上。\n[0053] 在本实施例二应用过程中的手机屏幕显示效果如图6a～6e所示。\n[0054] 同样，在本实施例二中，所描述的用户操作一个步长后进行自动对齐的处理只是举例，实际触发自动对齐处理的操作上可以是两个或多个步长，或者其它更为灵活友好的判断是否进行自动对齐的参照，比如只要是用户浏览的焦点发生变化就可以应用自动对齐，包括虚拟鼠标的移动、页面的滚动、翻页等等。\n[0055] 以上结合具体实施例详细描述了根据本发明的移动终端网页浏览时的自动对齐方法。本发明的上述网页浏览时的自动对齐方法，可以采用软件实现，也可以采用硬件实现，或采用软件和硬件组合的方式实现。\n[0056] 另一方面，本发明还提供一种与上述网页浏览时的自动对齐方法相对应的自动对齐装置，图7示出了根据本发明的移动终端网页浏览时的自动对齐装置700的方框示意图。\n如图7所示，该自动对齐装置700包括目标内容块分析单元710、偏移值确定单元720和网页对齐滚动单元730。其中，目标内容块分析单元710还包括目标内容块确定单元和排版宽度确定单元(未示出)，分别用于确定移动终端的虚拟鼠标目前所处的内容块以及该内容块所占的排版宽度。\n[0057] 当用户需要通过操控手机等移动终端的导航键将虚拟鼠标的位置向需要浏览的内容块移动时，首先，目标内容块分析单元710根据虚拟鼠标位置的变化，确定该虚拟鼠标目前所处的内容块。在确定出内容块所占的排版宽度后，偏移值确定单元720进一步确定该内容块的最左端距离移动终端屏幕最左端的偏移值。然后网页对齐滚动单元730将网页滚动偏移值确定单元720所确定的偏移值，以使得所述内容块的最左端与手机屏幕的最左端相重合，完成网页浏览时的自动对齐。\n[0058] 另外，在本发明的一个优选实施方式中，目标内容块分析单元还用于确定所述内容块所占的排版宽度；并且自动对齐装置700还包括对齐块判断单元(图中未示出)，用于根据移动终端的屏幕宽度和所确定的内容块的排版宽度来判断该内容块是否对齐块，如果该内容块中可见内容的排版宽度小于或等于移动终端屏幕的宽度，则认为该内容块是对齐块，可以采用本发明的自动对齐策略进行相应地处理；否则认为该内容块不是对齐块，不能采用本发明的自动对齐策略进行相应地处理。当然，对齐块判断单元也可以集成在目标内容块分析单元710中。\n[0059] 具体地，作为示例，如果用户需要浏览的内容块当前在手机屏幕中的显示位置偏左，则用户需要按下向左的导航键通过移动虚拟鼠标来移动该内容块，此时浏览器在识别出用户的输入信息后，即按照常规的处理方式依据导航键的指示将虚拟鼠标向左移动一个步长。然后，由目标内容块分析单元710确定虚拟鼠标移动之后所在的内容块，同时确定该内容块所占的排版宽度；接着，对齐块判断单元通过比较手机的屏幕宽度和该内容块的排版宽度，判断出该内容块是否可以对齐的；如果该内容块属于对齐块，则进一步由偏移值确定单元720通过计算确定该对齐块的最左端距离手机屏幕最左端的偏移值，最后由网页对齐滚动单元730将整个网页滚动由偏移值确定单元720所确定的偏移值，并刷新屏幕的显示，从而将最终完整的内容块显示在手机屏幕上。\n[0060] 另外，在具体地应用过程中，本发明的对齐装置可以和移动终端的浏览器并列设置于移动终端中，也可以集成在移动终端的浏览器中，这种结构的变化并不影响本发明的实施。\n[0061] 如上参照附图以示例的方式描述根据本发明的网页浏览时的自动对齐方法和装置。但是，本领域技术人员应当理解，对于上述本发明所提出的网页浏览时的自动对齐方法及装置，还可以在不脱离本发明内容的基础上做出各种改进。因此，本发明的保护范围应当由所附的权利要求书的内容确定。