在电子装置中调整网页中的特定对象的属性的方法和设备的制作方法

在电子装置中调整网页中的特定对象的属性的方法和设备的制作方法
【专利摘要】提供一种在电子装置中调整网页中的特定对象的属性的方法和设备。所述网页被显示。用于选择网页的特定对象的第一用户手势被检测。用于调整网页的特定对象的属性的第二用户手势被检测。具有属性根据第二用户手势被调整的特定对象的网页被显示。
【专利说明】在电子装置中调整网页中的特定对象的属性的方法和设备
【技术领域】
[0001]本发明总体来说涉及一种电子装置，更具体地说，涉及在电子装置上对网页中的对象进行属性调整。
【背景技术】
[0002]便携式终端提供各种功能以方便用户。移动终端越小，越难以安装各种输入键。在这方面，已经研究并引入了用于容易地向小型移动终端输入信息的方法。例如，移动终端可包括触摸屏面板，作为输入装置。
[0003]包括触摸屏面板作为输入装置的移动终端能够使用触摸屏面板以例如通过放大或缩小屏幕来控制屏幕显示。
[0004]使用触摸屏的移动终端可使用多点触摸捏拉缩放来放大/缩小屏幕。所述多点触摸捏拉缩放检测两个触摸点，当所述两个触摸点之间的距离变长时，放大屏幕；当所述两个触摸点之间的距离缩短时，缩小屏幕。
[0005]图1A和图1B示出在移动终端中的网页屏幕放大。如图1A和图1B所示，当两个触摸点彼此移开并且网页屏幕被放大时，整个网页被放大并显示。在这种情况下，由于屏幕尺寸是固定的，所以网页的某些对象会消失。具体说来，部分对象或所有对象会从用户的视野消失。图1A示出放大之前的屏幕，图1B示出放大之后的屏幕。
[0006]当用户查看网页中的文章并降低放大率时，字符尺寸过小。当放大率提高时，整个对象(例如，文章)大于移动终端的屏幕。因此，用户需要通过水平移动(以下，称为平移(panning))放大的网页来查看文章。具体说来，当整个文章的放大率增加并且内容的一些片段处于屏幕的边界以外时，用户可在屏幕上平移到所述内容。
[0007]如上所述，当用户放大网页并查看网页内容时，因为移动终端的屏幕尺寸有限，所以用户需要平移放大的网页以查看屏幕中的预期对象。

【发明内容】

[0008]本发明已被完成，从而至少解决上述问题和/或缺点，并至少提供以下优点。因此，本发明的一方面提供一种用于在电子装置中调整网页的特定对象的属性的方法和设备。
[0009]本发明的另一方面提供一种用于缓解用户在电子装置中通过平移放大的网页来搜索特定对象时的不便。
[0010]本发明的另一方面提供一种用于在web浏览器中调整网页的特定对象的字符尺寸的用户界面。
[0011]本发明的另一方面提供一种用于在web浏览器中调整网页的特定对象的尺寸的用户界面。
[0012]本发明的另一方面提供一种用于在web浏览器中移动网页的特定对象的用户界面。[0013]本发明的另一方面提供一种用于在web浏览器中删除网页的特定对象的用户界面。
[0014]根据本发明的一方面，提供一种用于在电子装置中调整网页的特定对象的属性的方法。所述网页被显示。用于选择网页的特定对象的多点触摸被检测。确定多点触摸的第一触摸是否沿第一方向被拖拽。当多点触摸的第一触摸沿第一方向被拖拽时，特定对象的字符尺寸被增大，并且，顾及到特定对象的宽度或电子装置的屏幕以增大的字符尺寸来显示特定对象。所述方法还包括:确定多点触摸的第一触摸是否沿第二方向被拖拽，当多点触摸的第一触摸沿第二方向被拖拽时，将特定对象的字符尺寸从增大的字符尺寸减小到原始尺寸，并以原始字符尺寸来显示特定对象。
[0015]所述方法可还包括:在检测用于选择网页的特定对象的多点触摸之后，确定是否检测到扫掠(sweep )动作,其中,所述扫掠动作沿特定方向推动多点触摸，当检测到扫掠动作时，删除特定对象，重构网页，并显示重构的网页。
[0016]所述方法可还包括:在检测用于选择网页的特定对象的多点触摸之后，确定多点触摸的第一触摸是否被释放以及多点触摸的第二触摸是否被拖拽，当第一触摸被释放并且第二触摸被拖拽时，将特定对象移动到第二触摸被拖拽到的点，并显示特定对象被移动的网页。
[0017]所述方法可还包括:将关于字符尺寸的改变、特定对象的删除或特定对象的移动的信息与网页的统一资源定位符(URL)相关联地存储，当重新加载网页时，通过基于存储的信息改变网页的特定对象的字符尺寸，删除网页的特定对象或移动网页的特定对象来显示网页。
[0018]所述方法可还包括:在通过增大特定对象的字符尺寸来显示网页之后，检测多点触摸之一沿第二方向被拖拽，当多点触摸之一沿第二方向被拖拽时，以原始尺寸来调整和显示特定对象的字符尺寸。
[0019]所述方法可还包括:在检测用于选择网页的特定对象的多点触摸之后，检测扫掠动作，其中，所述扫掠动作沿特定方向推动多点触摸，当检测到扫掠动作时，删除特定对象，重构网页，并显示重构的网页。
[0020]所述方法可还包括:在检测用于选择网页的特定对象的多点触摸之后，检测多点触摸之一被释放并且另一触摸被拖拽；将特定对象移动到触摸被拖拽到的点，并显示特定对象被移动的网页。
[0021]根据本发明的另一方面，提供一种用于在电子装置中调整网页的特定对象的属性的方法。网页被显示。用于选择网页的特定对象的第一用户手势被检测。用于调整网页的特定对象的属性的第二用户手势被检测。具有属性根据第二用户手势被调整的特定对象的网页被显示。第一用户手势包括基于网页的特定对象的两个触摸点。
[0022]两个触摸点中的第一触摸点被施加到特定对象的左上部，两个触摸点中的第二触摸点被施加到特定对象的右下部，或者，第一触摸点被施加到特定对象的右上部，第二触摸点被施加到特定对象的左下部。
[0023]第一用户手势包括多点触摸，在第一用户手势之后，第二用户手势将多点触摸的第一触摸固定并将多点触摸的第二触摸向下或向上拖拽，或者，第二用户手势将第一触摸固定并将第二触摸向右或向左拖拽。[0024]第一用户手势包括多点触摸，在第一用户手势之后，第二用户手势沿特定方向来推动多点触摸的第一触摸和第二触摸两者。
[0025]第一用户手势包括多点触摸，在第一用户手势之后，第二用户手势将多点触摸的第一触摸释放并将多点触摸的第二触摸拖放到特定对象将移动到的点。
[0026]显示具有属性被调整的特定对象的网页的步骤包括:根据第二用户手势，将用于调整网页的特定对象的属性的节点添加到当前网页的源代码的文档对象模型(DOM)树，基于包括用于调整网页的特定对象的属性的节点的D OM树来产生渲染树，通过获取(retrieve)产生的渲染树来产生用于设置每个对象的位置或尺寸的布局并输出产生的布局。
[0027]输出产生的布局的步骤包括:通过增大或减小网页的特定对象的尺寸或字符尺寸来输出网页，或者，通过删除或移动网页的特定对象来输出网页。
[0028]所述方法可还包括:将包括用于调整网页的特定对象的属性的节点的DOM树转换为源代码，并存储源代码。
[0029]所述方法可还包括:将用于调整网页的特定对象的属性的节点的信息存储在DOM树中，在信息被存储之后，当网页被重新加载时，使用所述信息来显示网页。
[0030]所述方法可还包括:显示网页的特定对象被选择的指示。
[0031]根据本发明的另一方面，提供一种电子装置，所述电子装置包括:一个或多个处理器、存储器以及一个或多个程序，其中，所述一个或多个程序被存储在存储器中并被配置为由所述一个或多个处理器来执行。所述一个或多个程序包括用于以下处理的指令:显示网页，检测用于选择网页的特定对象的第一用户手势，检测用于调整网页的特定对象的属性的第二用户手势，显示具有属性根据第二用户手势被调整的特定对象的网页。
[0032]所述程序还包括用于以下处理的指令:将包括用于调整网页的特定对象的属性的节点的DOM树转换为源代码，并存储源代码。
[0033]所述程序还包括用于以下处理的指令:将用于调整网页的特定对象的属性的节点的信息存储在DOM树中，在信息被存储之后，当网页被重新加载时，使用所述信息来显示网页。
[0034]所述程序还包括用于以下处理的指令:显示网页的特定对象被选择的指示。
[0035]第一用户手势可基于网页的特定对象来确定两个触摸点。可通过以下处理来基于网页的特定对象确定两个触摸点:将第一触摸施加到基于网页的特定对象的左上部并将第二触摸施加到基于网页的特定对象的右下部，或者，将第一触摸施加到基于网页的特定对象的右上部并将第二触摸施加到基于网页的特定对象的左下部。
[0036]在第一用户手势的多点触摸之后，第二用户手势可将第一触摸固定并将第二触摸向下或向上拖拽，或者，第二用户手势可将第一触摸固定并将第二触摸向右或向左拖拽。在第一用户手势的多点触摸之后，第二用户手势可沿相应方向来推动第一触摸和第二触摸两者。在第一用户手势的多点触摸之后，第二用户手势可将第一触摸释放并将第二触摸拖放到将移动到的点。
[0037]用于输出产生的布局的指令可通过增大或减小当前网页的特定对象的尺寸或字符尺寸来输出网页，或者，可通过删除或移动当前网页的特定对象来输出网页。
[0038]所述程序可还包括用于以下处理的指令:将包括用于调整网页的特定对象的属性的节点的DOM树转换为源代码，并存储转换的源代码。
[0039]所述程序可还包括用于以下处理的指令:将用于调整网页的特定对象的属性的节点的信息存储在DOM树中，在信息被存储之后，当网页被重新加载时，使用所述信息来显示网页。
[0040]所述程序可还包括用于以下处理的指令:显示网页的特定对象被选择。
【专利附图】

【附图说明】
[0041]通过下面结合附图进行的详细描述，本发明的上述和其它方面、特征和优点将会变得更加清楚，其中:
[0042]图1A和图1B示出在传统移动终端中的网页屏幕放大；
[0043]图2A和图2B示出根据本发明实施例的在移动终端中的网页的特定对象的字符尺寸增大；
[0044]图3A和图3B示出根据本发明实施例的在移动终端中的网页的特定对象的字符尺寸减小；
[0045]图4A和图4B示出根据本发明实施例的在移动终端中的网页的特定对象放大；
[0046]图5A和图5B示出根据本发明另一实施例的在移动终端中的网页的特定对象放大；
[0047]图6A和图6B示出根据本发明实施例的在移动终端中的网页的特定对象缩小；
[0048]图7A、图7B和图7C示出根据本发明实施例的在移动终端中的网页的特定对象删除；
[0049]图8A、图8B和图8C示出根据本发明实施例的在移动终端中的网页的特定对象移动；
[0050]图9A、图9B、图9C和图9D示出根据本发明实施例的被解释并输出的与网页相应的源代码；
[0051]图10是示出根据本发明实施例的用于在移动终端中调整网页的特定对象的方法的流程图；
[0052]图11是示出根据本发明实施例的用于在移动终端中显示网页的处理的特定对象的方法的流程图；以及
[0053]图12是示出根据本发明实施例的电子装置的示图。
【具体实施方式】
[0054]参照附图来详细描述本发明的实施例。相同或相似的部件尽管在不同的附图中示出，但可由相同或相似的标号来指示。可省略对本领域公知的构造或处理的详细描述，以避免模糊本发明的主题。
[0055]以下描述和权利要求书中使用的术语或词语不限于它们在字典中的含义，而仅仅是被发明人用来使得本发明能够被清楚且一致地理解。因此，本领域技术人员应该清楚:提供对本发明实施例的以下描述，仅仅是为了说明目的，而不是为了限制本发明的目的，其中，本发明由权利要求及其等同物来限定。
[0056]应该理解:单数形式包括多个指示物，除非上下文明确指示并非如此。因此，例如，提到“部件表面”包括对一个或多个这种表面的指示。
[0057]关于术语“基本上”，其表示不需要精确地达到所叙述的特点、参数或值，而是可出现不妨碍所述特点意图提供的效果的数量的偏差或变化，包括作为示例的公差、测量误差、测量精度限制和本领域技术人员知晓的其它因素。
[0058]本发明的实施例涉及一种用于在电子装置中调整网页的特定对象的属性的方法和设备。
[0059]图2A和图2B示出根据本发明实施例的在移动终端中的网页的特定对象的字符尺寸增大。
[0060]参照图2A和图2B，用户在触摸屏上触摸两个点201和202，然后通过将捏合保持特定时间量来在网页中选择他/她期望的对象200。Web浏览器中的各种对象包括:窗口对象、文档对象、位置对象、历史对象、框架对象、导航对象、图像对象和表格对象。
[0061]例如，为了选择网页的窗口对象中的文本，用户触摸在文本的左上部的点202和在文本的右下部的点201，然后将多点触摸保持特定时间量。用于选择网页的特定对象的触摸点不限于左部和右部，可通过各种用户手势来选择触摸点。例如，用户可通过在触摸屏上触摸并拖拽特定对象周围的特定形状(圆形或四边形)来选择特定对象。
[0062]在这种情况下,在通过多点触摸选择的区域中选择对象200,使用聚焦环(focusring)向用户通知对特定对象的选择。具体说来，选择的对象的轮廓被突出显示以将对象选择通知给用户。
[0063]当多点触摸选择对象，并且，右下触摸201被向下拖拽或左上触摸202被向上拖拽时，如图2B所示，在保持选择的特定对象的宽度的同时，字符尺寸增大。由于在保持选择的对象的宽度的同时，字符尺寸增大，所以只有特定对象210的高度增大。
[0064]当在保持选择的特定对象的宽度的同时增大字符尺寸时，可再次施加多点触摸，促使在保持选择的特定对象的宽度的同时，字符尺寸进一步增大。
[0065]图3A和图3B示出根据本发明实施例的在移动终端中的网页的特定对象的字符尺寸减小。
[0066]参照图3A和图3B，当多点触摸选择对象时，通过将多个触摸中的右下触摸向下拖拽，在保持选择的特定对象的宽度的同时，字符尺寸增大(如图2A和图2B所示)，然后，右下触摸302被向上拖拽或左上触摸301被向下拖拽(如图3A所示)，对象300恢复原始字符尺寸(如图3B所示)。特别地，由于在保持对象300的宽度的同时，字符尺寸减小(到原始字符尺寸)，所以对象300的高度减小到原始对象310的高度。
[0067]在各种实现方式中，根据一个触摸的拖拽距离，可保持对象的原始宽度和高度，并且，字符尺寸可小于原始尺寸。具体说来，随着拖拽距离变长，字符尺寸可成比例地减小。
[0068]图4A和图4B示出根据本发明实施例的在移动终端中的网页的特定对象放大。
[0069]参照图4A和图4B，为了仅突出显示网页中的特定对象400 (例如，图像)，用户在触摸屏上触摸两个点401和402，将多点触摸保持特定时间量，由此选择网页中的期望对象400。当右下触摸402被向右拖拽或左上触摸401被向左拖拽时，当前网页尺寸被保持，只有选择的对象被放大。具体说来，在选择的对象410被放大的同时，当前网页的其它对象的尺寸与选择的对象的放大率成反比地减小。结果，网页尺寸被保持。
[0070]具体说来，通过根据选择的对象的尺寸调整来缩小其它对象，用户的视觉窗口仍旧包含相同的对象。
[0071]当选择的对象被放大时，对象的宽度和高度中的任何一个或对象的宽度和高度两者可增大。
[0072]当选择的特定对象被放大，并且通过将触摸向右拖拽而施加又一多点触摸时(如图4B所示),选择的特定对象可被进一步放大。
[0073]图5A和图5B示出根据本发明另一实施例的在移动终端中的网页的特定对象放大。
[0074]参照图5A和图5B，为了仅突出显示网页中的特定对象500 (例如，图像)，用户在触摸屏上触摸两个点501和502，将多点触摸保持特定时间量，由此选择网页中的期望对象500。当右下触摸502被向右拖拽或左上触摸501被向左拖拽时，选择的对象510被放大，并且，当前网页中的其它对象保持当前尺寸。
[0075]在这种情况下，在选择的对象510被放大并且其它对象保持原始尺寸的同时，用户的视觉窗口中的其它对象中的一部分或全部可消失。
[0076]图6A和图6B示出根据本发明实施例的在移动终端中的网页的特定对象缩小。
[0077]参照图6A和图6B，当多点触摸选择对象时，通过将多点触摸的右下触摸向右拖拽，选择的特定对象被放大(如图4B所示)，然后，右下触摸602被向左拖拽并且左上触摸601被保持(如图6A所示)，对象600恢复原始尺寸(如图6B所示)。
[0078]在各种实施方式中，根据一个触摸的拖拽距离，缩小的对象可小于原始尺寸。具体说来，随着拖拽距离增大，对象尺寸可成比例地减小。
[0079]图7A、图7B和图7C示出根据本发明实施例的在移动终端中的网页的特定对象删除。
[0080]参照图7A、图7B和图7C，为了隐藏网页中的特定对象，当用户使用多点触摸701和702选择对象(如图7A所示)，并将两个触摸都扫掠到视觉窗口或屏幕以外(如图7B所示)时，删除了对象的网页被重新布局(如图7C所示)。
[0081]或者，当用户使用多点触摸选择对象(如图7A所示)，并将两个触摸都扫掠到视觉窗口以外(如图7B所示)时，网页的对象的位置可不改变，并且，选择的对象可被禁止且不进行显示。
[0082]用于删除网页中的特定对象的用户手势不限于扫掠动作，而可通过各种其它用户手势来实现。
[0083]图8A、图8B和图8C示出根据本发明实施例的在移动终端中的网页的特定对象移动。
[0084]参照图8A、图8B和图8C，为了改变网页中的特定对象的位置，当用户使用多点触摸801和802选择对象800(如图8A所示)，释放一个触摸802，并将另一触摸801拖放到他/她期望的位置(如图8B所示)时，特定对象800被移动到拖放到的点(如图8C所示)。例如，当特定对象800被拖放到另一对象803上时，特定对象800和所述另一对象803交换位置。
[0085]图9A、图9B、图9C和图9D示出根据本发明实施例的被解释并输出的与网页相应的源代码。
[0086]参照图9A、图9B、图9C和图9D，网页包括以超文本标记语言(HTML)、可扩展标记语言(XML)、级联样式表(CSS)或Java脚本(Javascript)编写的源代码。
[0087]为了客户端(B卩，移动终端)处理并显示与网页相应的源代码，移动终端从服务器下载相应网页的源代码、HTML或XML文档(如图9A所示)，然后使用web渲染引擎来解释源代码(以下，称为解析)以产生文档对象模型(DOM)树。具体说来，源代码的组件(标签、属性、内容)被逐一解析以产生图9B的DOM树。渲染引擎可嵌入作为应用程序的web浏览器，或者可被实现为单独的程序。
[0088]使用上述解析而产生的DOM树以树结构来组织HTML/XML文档的内容。为了在屏幕上显示内容，需要另一数据结构。换言之，DOM树在存储器中存储内容，需要渲染树结构来存储用于屏幕显示的位置、尺寸和顺序信息(如图9C所示)。渲染树组织用于屏幕显示的样式元素和布置，并在屏幕上以适当的顺序来显示内容。
[0089]当渲染树被产生时，每个渲染对象并未被赋予位置或尺寸。如图9D所示来设置渲染对象的位置和尺寸(以下，称为布局)。
[0090]尽管未在附图中示出，但是通过从渲染树获取样式信息来在屏幕上显示节点(以下，称为绘制)。
[0091]图10是示出根据本发明实施例的用于在移动终端中调整网页的特定对象的方法的流程图。
[0092]参照图10，在步骤1000，移动终端在特定时间量检测用户为了选择相应网页的特定对象而进行的多点触摸。例如，移动终端检测特定对象的右上触摸和左下触摸。各种用户多点触摸可选择相应网页中的特定对象，触摸不限于对象的右部和左部。例如，可通过拖拽基于相应对象的特定形状来选择相应对象。
[0093]在步骤1002，移动终端基于检测到的用户的多点触摸来选择多点触摸区域中的对象。多点触摸区域可包括一个或多个对象。
[0094]在步骤1004，移动终端检测用于放大或缩小在相应网页中选择的特定对象(或它的字符尺寸)、或者移动或删除所述特定对象的用户手势。
[0095]例如，为了放大选择的特定对象的字符尺寸，移动终端检测将多点触摸的第一触摸固定并将第二触摸向下或向上拖拽的用户手势(参见图2A和图2B)。为了放大选择的特定对象，移动终端检测将多点触摸的第一触摸固定并将第二触摸向右或向左拖拽的用户手势(参见图4A、图4B、图5A和图5B)。为了减小选择的特定对象的字符尺寸，移动终端检测将多点触摸的第一触摸固定并将第二触摸向上或向下拖拽的用户手势(参见图3A和图3B)。为了缩小选择的特定对象，用户终端检测将多点触摸的第一触摸固定并将第二触摸向左或向右拖拽的用户手势(参见图6A和图6B)。为了删除选择的特定对象，移动终端检测将多点触摸的第一触摸和第二触摸沿相同方向扫掠到视觉窗口以外的用户手势(参见图7A到图7C)。为了移动选择的特定对象，移动终端检测将多点触摸的第一触摸释放并将第二触摸拖放到预期位置的用户手势(参见图8A到图SC)。
[0096]当检测到用于放大或缩小在相应网页中选择的特定对象(或它的字符尺寸)、或者移动或删除所述特定对象的用户手势时，当前网页的源代码不改变，但是用于放大、缩小、移动或删除所述对象(或它的字符尺寸)的属性值作为节点被添加到图9B的DOM树。具体说来，在对象(或它的字符尺寸)被放大、缩小、移动或删除之前，在DOM树中存在一个节点，在所述对象(或它的字符尺寸)被放大、缩小、移动或删除之后，改变的节点被添加到DOM树。例如，可将关于特定对象的尺寸或特定对象的字符尺寸的改变、特定对象的删除或特定对象的移动的信息与网页的统一资源定位符(URL)相关联地存储。
[0097]在步骤1006，移动终端基于添加到DOM树的对象的属性值，根据检测到的用户手势来放大、缩小、移动或删除选择的特定对象(或它的字符尺寸)。
[0098]在DOM树信息被改变(S卩，在相应网页中的特定对象的放大、缩小、移动或删除信息被存储)之后，当用户重新加载相应网页时，可基于之前的相应网页的特定对象的放大、缩小、移动或删除信息来调整并显示相应网页的特定对象。
[0099]具体说来，将基于调整的特定对象的ID和类而调整的样式值与相应网页相关联地存储。因此，当网页被再次加载时，可通过应用调整的对象的样式值来显示网页。例如，可将包括用于调整网页的特定对象的属性的节点的DOM树转换为源代码并存储源代码。
[0100]图11是示出根据本发明实施例的用于在移动终端中显示网页的处理的特定对象的方法的流程图。
[0101]参照图11，在步骤1100，根据用户手势(诸如作为示例将多点触摸的第一触摸固定并将第二触摸垂直或水平地拖拽的手势、在多点触摸之后将第一触摸和第二触摸扫掠到视觉窗口以外的用户手势、或在多点触摸之后将第一触摸释放并将第二触摸拖放到预期位置的用户手势)，移动终端将与特定对象相应的属性添加到DOM树。具体说来，如图9B所示，用于放大、缩小、移动或删除对象的节点可在DOM树中被添加或移动以用于显示相应网页，或者，相应节点值的属性值可被改变。
[0102]在步骤1102，移动终端基于根据用户手势而修改的DOM树来重构渲染树。
[0103]移动终端在步骤1104产生布局，并在步骤1106输出布局。
[0104]图12是根据本发明实施例的电子装置的框图。
[0105]电子装置可被实施为便携式电子装置，诸如作为示例的便携式终端、移动终端、移动平板、媒体播放器、平板计算机、手持计算机或个人数字助理(PDA)。电子装置可以是组合这些装置的两个或更多个功能的便携式电子装置。
[0106]参照图12，电子装置包括:控制器1200、扬声器/麦克风1210、相机1220、全球定位系统(GPS)接收器1230、射频(RF)处理器1240、传感器模块1250、触摸屏1260、触摸屏控制器1265和扩展存储器1270。
[0107]控制器1200包括接口 1201、一个或多个处理器1202和1203、内部存储器1204。在一些情况下，整个控制器1200可被称为处理器。接口 1201、应用处理器1202、通信处理器1203和内部存储器1204可以是分离的部件，或可被集成到一个或多个集成电路上。
[0108]应用处理器1202通过运行各种软件程序来执行用于电子装置的各种功能，通信处理器1203处理并控制语音通信和数据通信。除了那些典型的功能之外，处理器1202和1203还执行存储在扩展存储器1270或内部存储器1204中的特定软件模块(指令集)，并执行与所述模块相应的特定功能。也就是说，处理器1202和1203与存储在扩展存储器1270或内部存储器1204中的软件模块相关联地实施用于调整网页中的特定对象的本方法。
[0109]例如，应用处理器1202在特定时间量检测用户为了选择相应网页的特定对象而进行的多点触摸。应用处理器1202检测特定对象的右上触摸和左下触摸。
[0110]应用处理器1202基于检测到的用户的多点触摸来选择多点触摸区域中的对象。
[0111]应用处理器1202如上所述来检测用于放大、缩小、移动或删除在相应网页中选择的特定对象的用户手势。
[0112]例如，为了放大选择的特定对象的字符尺寸，应用处理器1202检测将多点触摸的第一触摸固定并将第二触摸向下或向上拖拽的用户手势(参见图2A和图2B)。为了放大选择的特定对象，应用处理器1202检测将多点触摸的第一触摸固定并将第二触摸向右或向左拖拽的用户手势(参见图4A、图4B、图5A和图5B)。为了减小选择的特定对象的字符尺寸，应用处理器1202检测将多点触摸的第一触摸固定并将第二触摸向上或向下拖拽的用户手势(参见图3A和图3B)。为了缩小选择的特定对象，应用处理器1202检测将多点触摸的第一触摸固定并向左或向右拖拽第二触摸的用户手势(参见图6A和图6B)。为了删除选择的特定对象，应用处理器1202检测将多点触摸的第一触摸和第二触摸沿相同方向扫掠到视觉窗口以外的用户手势(参见图7A到图7C)。为了移动选择的特定对象，应用处理器1202检测将多点触摸的第一触摸释放并将第二触摸拖放到预期位置的用户手势(参见图8A到图 8C)。
[0113]同时，当检测到用于放大/缩小/移动/删除在相应网页中选择的特定对象的用户手势时，当前网页的源代码不改变，但是用于放大/缩小/移动/删除所述对象的属性值作为节点被添加到图9B的DOM树。也就是说，在对象被放大/缩小/移动/删除之前，在DOM树中存在一个节点，在所述对象被放大/缩小/移动/删除之后，改变的节点被添加到DOM 树。
[0114]使用渲染引擎，应用处理器1202基于添加到DOM树的对象的属性值，根据检测到的用户手势来放大、缩小、移动或删除选择的特定对象。
[0115]同时，在改变的DOM树信息(也就是说，在相应网页中的特定对象的放大/缩小/移动/删除信息被存储)之后，当用户重新加载相应网页时，可基于之前的相应网页的特定对象的放大/缩小/移动/删除信息来调整并显示相应网页的特定对象。
[0116]也就是说，将基于调整的特定对象的ID和类而调整的样式值与相应网页相关联地存储。因此，当网页被再次加载时，可通过应用调整的对象的样式值来显示网页。
[0117]为了显示网页中的处理的特定对象，根据用户手势(例如，在多点触摸之后将第一触摸固定并将第二触摸垂直或水平地拖拽的手势、在多点触摸之后将第一触摸和第二触摸扫掠到视觉窗口以外的用户手势、或在多点触摸之后将第一触摸释放并将第二触摸拖放到预期位置的用户手势)，应用处理器1202将与特定对象相应的属性添加到DOM树。也就是说，如图9B所示，用户手势可在DOM树中添加或移动用于放大/缩小/移动/删除对象的节点以用于显示相应网页，或者，用户手势可改变相应节点值的属性值。
[0118]应用处理器1202基于根据用户手势而修改的DOM树来重构渲染树,产生布局并输出布局。
[0119]另一处理器可包括一个或多个数据处理器、图像处理器或编解码器。数据处理器、图像处理器或编解码器可被分离地配备，或包括用于不同功能的多个处理器。接口 1201将电子装置的触摸屏控制器1265和扩展存储器1270互连。
[0120]传感器模块1250被连接到接口 1201以允许各种功能。例如，运动传感器和光学传感器可被连接到接口 1201以检测电子装置的运动或检测来自外部的光。其它传感器(诸如作为示例的位置确定系统、温度传感器或生物识别传感器)可被连接到接口 1201以执行相关的功能。[0121]相机1220通过接口 1201连接到传感器模块1250以执行相机功能，诸如拍照或视
频片段记录。
[0122]RF处理器1240执行通信功能。例如，在通信处理器1203的控制下，RF处理器1240将RF信号转换为基带信号，并将基带信号提供给通信处理器1203，或者，RF处理器1240将从通信处理器1203输出的基带信号转换为RF信号，并发送RF信号。这里，通信处理器1203根据各种通信方案来处理基带信号。例如，通信方案可包括但不限于:全球移动通信系统(GSM)通信方案、增强数据GSM演进(EDGE)通信方案、码分多址(CDMA)通信方案、W-CDMA通信方案、长期演进(LTE )通信方案、正交频分多址(OFDMA )通信方案、无线保真(W1-Fi)通信方案、WiMax通信方案和/或蓝牙通信方案。
[0123]扬声器/麦克风1210可输入和输出用于语音识别、语音再现、数字记录和电话功能的音频信号。也就是说，扬声器/麦克风1210将语音信号转换为电信号或将电信号转换为语音信号。
[0124]触摸屏控制器1265可连接到触摸屏1260。通过使用(而不限于)用于确定与触摸屏1260的一个或多个触摸点的电容技术、电阻技术、红外技术和表面声波技术以及包括各种近距离传感器阵列或其它元件的多触摸检测技术，触摸屏1260和触摸屏控制器1265可检测触摸和运动或触摸和运动的终止。
[0125]触摸屏1260提供电子装置与用户之间的输入/输出界面。具体说来，触摸屏1260将用户的触摸输入转送到电子装置。触摸屏1260还将电子装置的输出呈现给用户。也就是说，触摸屏1260将视觉输出呈现给用户。视觉输出可被表示为文本、图形、视频或它们的组合。
[0126]触摸屏1260可采用各种显示器，其中，所述显示器的示例包括但不限于:液晶显示器(IXD)、发光二极管(LED)、发光聚合物显示器(LPD)、有机LED (0LED)、有源矩阵OLED(AMOLED)或柔性 LED (FLED)0
[0127]GPS接收器1230将从人造卫星接收的信号转换为诸如位置、速度或时间的信息。例如，可通过将光速乘以信号到达时间来计算卫星与GPS接收器1230之间的距离，并且，可通过获得三颗卫星的精确位置和距离，使用公知的三角测量技术来测量电子装置的位置。
[0128]扩展存储器1270或内部存储器1204可包括快速随机存取存储器，诸如作为示例的一个或多个磁盘存储装置和/或非易失性存储器、一个或多个光存储装置、和/或闪存(例如，NAND 和 N0R)。
[0129]扩展存储器1270或内部存储器1204存储软件。软件部件包括:操作系统软件模块、通信软件模块、图形软件模块、用户接口软件模块、MPEG模块、相机软件模块以及一个或多个应用软件模块。由于作为软件部件的模块可以是指令的集合，所以模块可被称为指令集。模块可被称为程序。
[0130]操作系统软件包括用于控制普通系统操作的各种软件部件。作为示例，普通系统操作的控制包括:存储器管理和控制、存储硬件(装置)控制和管理、电源控制和管理。操作系统软件可处理各种硬件装置与软件组件(模块)之间的正常通信。
[0131]应用模块包括用于调整网页中的特定对象的指令(参见图10和图11)。
[0132]例如，应用模块在特定时间期间检测用户为了选择相应网页的特定对象而进行的多点触摸，基于检测到的用户的多点触摸来选择多点触摸区域中的对象，并检测用于放大、缩小、移动或删除在相应网页中选择的特定对象的用户手势。例如，为了增大选择的特定对象的字符尺寸，应用模块检测将多点触摸的第一触摸固定并将第二触摸向下或向上拖拽的用户手势(参见图2A和图2B)。为了放大选择的特定对象，应用模块检测将多点触摸的第一触摸固定并将第二触摸向右或向左拖拽的用户手势(参见图4A、图4B、图5A和图5B)。为了减小选择的特定对象的字符尺寸，应用模块检测将多点触摸的第一触摸固定并将第二触摸向上或向下拖拽的用户手势(参见图3A和图3B)。为了缩小选择的特定对象，应用模块检测将多点触摸的第一触摸固定并将第二触摸向左或向右拖拽的用户手势(参见图6A和图6B)。为了删除选择的特定对象，应用模块检测将多点触摸的第一触摸和第二触摸沿相同方向扫掠到视觉窗口以外的用户手势(参见图7A到图7C)。为了移动选择的特定对象，应用模块检测将多点触摸的第一触摸释放并将第二触摸拖放到预期位置的用户手势(参见图8A到图8C)。
[0133]有利地，为了显示网页中的处理的特定对象，根据用户手势(例如，在多点触摸之后将第一触摸固定并将第二触摸垂直或水平地拖拽的手势、在多点触摸之后将第一触摸和第二触摸扫掠到视觉窗口以外的用户手势、或在多点触摸之后将第一触摸释放并将第二触摸拖放到预期位置的用户手势)，应用模块将与特定对象相应的属性添加到DOM树，基于根据用户手势而修改的DOM树来重构渲染树,产生布局并输出布局。
[0134]如上所述并将在下面进行解释的电子装置的各种功能可由硬件和/或软件和/或它们的组合(包括一个或多个流处理和/或专用集成电路(ASIC))来执行。
[0135]如上所述，通过调整网页中的特定对象的属性来移动垂直和/或水平地放大的网页，由此可缓解用户在搜索特定对象时的不便。
[0136]此外，本发明的实施例可提供用于调整网页中的特定对象的字符尺寸从而减少由移动终端的有限屏幕尺寸引起的用户不便的用户界面、用于调整网页中的特定对象的尺寸的用户界面、用于在web浏览器中移动网页的特定对象的用户界面、用于在web浏览器中删除网页的特定对象的用户界面。
[0137]尽管已经参照本发明的特定实施例示出并描述了本发明，但是本领域的技术人员将理解:在不脱离由权利要求及其等同物限定的本发明的精神和范围的情况下，可进行各种形式和细节上的改变。
【权利要求】
1.一种用于在电子装置中调整网页的特定对象的属性的方法，包括以下步骤: 显示网页； 检测用于选择网页的特定对象的多点触摸； 确定多点触摸的第一触摸是否沿第一方向被拖拽； 当多点触摸的第一触摸沿第一方向被拖拽时，增大特定对象的字符尺寸，并且，顾及到特定对象的宽度或电子装置的屏幕以增大的字符尺寸来显示特定对象。
2.如权利要求1所述的方法，还包括: 确定多点触摸的第一触摸是否沿第二方向被拖拽； 当多点触摸的第一触摸沿第二方向被拖拽时，将特定对象的字符尺寸从增大的字符尺寸减小到原始尺寸，并以原始字符尺寸来显示特定对象。
3.如权利要求1所述的方法，还包括: 在检测用于选择网页的特定对象的多点触摸之后，确定是否检测到扫掠动作，其中，所述扫掠动作沿特定方向推动多点触摸； 当检测到扫掠动作时，删除特定对象，重构网页，并显示重构的网页。
4.如权利要求1所述的方法，还包括: 在检测用于选择网页的特定对象的多点触摸之后，确定多点触摸的第一触摸是否被释放以及多点触摸的第二触摸是否被拖拽； 当第一触摸被释放并且第二触摸被拖拽时，将特定对象移动到第二触摸被拖拽到的点，并显示特定对象被移动的网页。
5.如权利要求1所述的方法，还包括: 将关于特定对象的尺寸或特定对象的字符尺寸的改变、特定对象的删除或特定对象的移动的信息与网页的统一资源定位符(URL)相关联地存储； 当重新加载网页时，通过基于存储的信息改变网页的特定对象的尺寸或特定对象的字符尺寸，删除网页的特定对象或移动网页的特定对象来显示网页。
6.一种用于在电子装置中调整网页的特定对象的属性的方法，所述方法包括以下步骤: 显示网页； 检测用于选择网页的特定对象的第一用户手势； 检测用于调整网页的特定对象的属性的第二用户手势； 显示具有属性根据第二用户手势被调整的特定对象的网页。
7.如权利要求6所述的方法，其中，第一用户手势包括基于网页的特定对象的两个触摸点。
8.如权利要求7所述的方法，其中，两个触摸点中的第一触摸点被施加到特定对象的左上部，两个触摸点中的第二触摸点被施加到特定对象的右下部，或者，第一触摸点被施加到特定对象的右上部，第二触摸点被施加到特定对象的左下部。
9.如权利要求6所述的方法，其中，第一用户手势包括多点触摸，在第一用户手势之后，第二用户手势将多点触摸的第一触摸固定并将多点触摸的第二触摸向下或向上拖拽，或者，第二用户手势将第一触摸固定并将第二触摸向右或向左拖拽。
10.如权利要求6所述的方法，其中，第一用户手势包括多点触摸，在第一用户手势之后，第二用户手势沿特定方向来推动多点触摸的第一触摸和第二触摸两者。
11.如权利要求6所述的方法，其中，第一用户手势包括多点触摸，在第一用户手势之后，第二用户手势将多点触摸的第一触摸释放并将多点触摸的第二触摸拖放到特定对象将移动到的点。
12.如权利要求6所述的方法，其中，显示具有属性被调整的特定对象的网页的步骤包括: 根据第二用户手势，将用于调整网页的特定对象的属性的节点添加到当前网页的源代码的文档对象模型(DOM)树； 基于包括用于调整网页的特定对象的属性的节点的DOM树来产生渲染树； 通过获取产生的渲染树来产生用于设置每个对象的位置或尺寸的布局； 输出产生的布局。
13.如权利要求12所述的方法，其中，输出产生的布局的步骤包括:通过增大或减小网页的特定对象的尺寸或字符尺寸来输出网页，或者，通过删除或移动网页的特定对象来输出网页。
14.如权利要求12所述的方法，还包括: 将包括用于调整网页的特定对象的属性的节点的DOM树转换为源代码； 存储源代码。
15.如权利要求12所述的方法，还包括: 将用于调整网页的特定对象的属性的节点的信息存储在DOM树中； 在信息被存储之后，当网页被重新加载时，使用所述信息来显示网页。
16.如权利要求6所述的方法，还包括: 显示网页的特定对象被选择的指示。
17.一种电子装置，包括: 存储器，用于存储一个或多个程序； 一个或多个处理器，用于执行存储的一个或多个程序； 其中，所述一个或多个处理器在执行存储的一个或多个程序时，显示网页，检测用于选择网页的特定对象的第一用户手势，检测用于调整网页的特定对象的属性的第二用户手势，显示具有属性根据第二用户手势被调整的特定对象的网页。
18.如权利要求17所述的电子装置，其中，第一用户手势包括基于网页的特定对象的两个触摸点。
19.如权利要求18所述的电子装置，其中，两个触摸点中的第一触摸点被施加到特定对象的左上部，两个触摸点中的第二触摸点被施加到特定对象的右下部，或者，第一触摸点被施加到特定对象的右上部，第二触摸点被施加到特定对象的左下部。
20.如权利要求17所述的电子装置，其中，第一用户手势包括多点触摸，在第一用户手势之后，第二用户手势将多点触摸的第一触摸固定并将多点触摸的第二触摸向下或向上拖拽，或者，第二用户手势将第一触摸固定并将第二触摸向右或向左拖拽。
21.如权利要求17所述的电子装置，其中，第一用户手势包括多点触摸，在第一用户手势之后，第二用户手势沿特定方向来推动多点触摸的第一触摸和第二触摸两者。
22.如权利要求17所述的电子装置，其中，第一用户手势包括多点触摸，在第一用户手势之后，第二用户手势将多点触摸的第一触摸释放并将多点触摸的第二触摸拖放到特定对象将移动到的点。
23.如权利要求17所述的电子装置，其中，所述一个或多个处理器根据第二用户手势，将用于调整网页的特定对象的属性的节点添加到当前网页的源代码的文档对象模型(DOM)树，基于包括用于调整网页的特定对象的属性的节点的DOM树来产生渲染树，通过获取产生的渲染树来产生用于设置每个对象的位置或尺寸的布局，并输出产生的布局。
24.如权利要求23所述的电子装置，其中，所述一个或多个处理器通过增大或减小网页的特定对象的尺寸或字符尺寸来输出网页，或者，通过删除或移动网页的特定对象来输出网页。
25.如权利要求23所述的电子装置，其中，所述一个或多个处理器将包括用于调整网页的特定对象的属性的节点的DOM树转换为源代码，并存储源代码。
26.如权利要求23所述的电子装置，其中，所述一个或多个处理器将用于调整网页的特定对象的属性的节点的信息存储在DOM树中，在信息被存储之后，当网页被重新加载时，使用所述信息来显示网页。
27.如权利要求17所述的电子装置，其中，所述一个或多个处理器显示网页的特定对象被选择的指示。
【文档编号】G06F3/0487GK103970412SQ201410042789
【公开日】2014年8月6日 申请日期:2014年1月29日 优先权日:2013年1月30日
【发明者】金庚泰, 金锺石, 崔允祯 申请人:三星电子株式会社